Cloud Build での Next.js ビルド時環境変数の渡し方 / PaPut

mizulba

約1年前

Cloud Build での Next.js ビルド時環境変数の渡し方

Next.js

フロントエンド

インフラ

Cloud Build

知識

Next.js のビルド時に必要な環境変数を Docker build-arg として渡す方法:

yaml

- name: 'gcr.io/cloud-builders/docker'
  args:
    - 'build'
    - '--build-arg'
    - 'NODE_ENV=${_NODE_ENV}'
    - '--build-arg'
    - 'NEXT_PUBLIC_BASE_URL=${_NEXT_PUBLIC_BASE_URL}'
    - '--build-arg'
    - 'NEXT_PUBLIC_BASE_API_URL=${_NEXT_PUBLIC_BASE_API_URL}'
    - '--build-arg'
    - 'NEXT_PUBLIC_GOOGLE_CLIENT_ID=${_NEXT_PUBLIC_GOOGLE_CLIENT_ID}'
    - '--build-arg'
    - 'NEXT_PUBLIC_GOOGLE_REDIRECT_URI=${_NEXT_PUBLIC_GOOGLE_REDIRECT_URI}'

置換変数（substitutions）を使用して、Terraform から環境別の値を注入可能。 NEXT_PUBLIC_ プレフィックスのついた変数はクライアントサイドでも利用される。