😸

Gatsby.jsで生成したサイトをAzure Static Web Appsにデプロイする際に環境変数を設定する方法

2022/06/19に公開

Azure Static Web Apps に Gatsby.js で生成した静的サイトをデプロイする時に、公式サイトの方法だと環境変数を設定できなかったので。

https://docs.microsoft.com/ja-jp/azure/static-web-apps/application-settings

結論

Azure に Gatsby.js をデプロイする際に自動作成される Github Actions の中で設定します。環境変数自体は Github Secret で設定します。
最初に Github と Azure を連携すると、workflows/azure-static-web-apps-hogehoge.yml が生成されます。このファイルの env 項に環境変数を定義すれば OK です。

azure-static-web-apps-hogehoge.yml
env: # Add environment variables here
    HUGO_VERSION: 0.58.0
    GATSBY_AUZRE_ENV: ${{ secrets.GATSBY_AUZRE_ENV}}
GitHubで編集を提案

Discussion