Next.jsの環境変数について

今まで環境変数の意味とかよくわからない状態で開発していたため、
なんとなくの理解を深めるためにまとめてみる。

.env 常に読み込み
.env.development 開発環境
.env.production 本番環境
.env.local 常に読み込み
.env.development.local　開発環境
.env.production.local 本番環境

環境変数の呼び出し方

process.env.環境変数名
クライアント側でも呼び出したい時は、環境変数名の先頭にNEXT_PUBLIC_を追記する。

参考文献：
https://fwywd.com/tech/next-env