OGP は「環境を考慮しよう!」という画像です。 NextJS へ環境変数をセットする時、デプロイを考慮した上で.env を使いたい・ビルド時と起動時の環境変数がある・サーバーとブラウザでの環境変数があるといった風にややこしい点があり、自分はよく調べ直しています。 基本的には以下の 3 つの公式ドキュメントを見ればいいのですが、 Environment Variables Environment Variables(basic-features) Runtime Configuration 整備されたのが最近なので古い情報が定着していたり、ここに書いていない細かい挙動なんかもあったりするので、まとめて行こうと思います。 .env.* を使って読み込める Environment Variables にもある通り、.env.* を使うことで環境変数を読み込めます。 設定ファイルに環境変数を書い
![Next.js における環境変数まわりの挙動まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/70b6b080a08b44ccd791e36e15b0fee3e487c103/height=288;version=1;width=512/https%3A%2F%2Fblog.ojisan.io%2Fstatic%2Fd8309891c6820d7b29c5b2926280f0fd%2F47e95%2Fvisual.jpg)