Chapter 05

環境変数

Local

https://nextjs.org/docs/basic-features/environment-variables

Next.js は開発中 .env.local を自動的に読み込みます

HOGE_API_KEY=12345

ブラウザで利用する場合は NEXT_PUBLIC_ を付ける必要があります

NEXT_PUBLIC_ が付いていない変数は、Node.js 環境のみでしか利用できません

HOGE_API_KEY=12345
NEXT_PUBLIC_FUGA_API_KEY=abcde

Vercel

Plaintext を選択肢、key=value を設定

どの環境で利用するかと問われているが、本番だけで利用するので Production を選択しています