サイトアイコン 上尾市のWEBプログラマーによるブログ

[Next.js] 環境変数を使う方法

概要

APIキーなどをコードに埋め込むのはセキュリティ上好ましくないため、環境変数として用意するのが一般的である。

Next.jsで使うAPIキーを管理するだけであれば、.env.localを用意すれば良い。

API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXXx

値の参照はprocess.env.XXXXXXXXで可能。

参考サイト

https://qiita.com/ktanoooo/items/64cad61096cf45f18c24
モバイルバージョンを終了