パッケージのインストール

dotenvというパッケージをインストールします。

これは主にNode.jsで.envファイルを参考する際に使うものです。

Gatsbyではこれを使って.envファイルを参照していきます。

npm install dotenv

dotenvの設定

次に、gatsby-config.jsかgatsby-node.jsで下記のコードをコピペしてください。

require("dotenv").config({
  path: `.env.${process.env.NODE_ENV}`
})

最後に.env.developmentを作成し、任意の変数名を付けて下さい。

.env.development

FAVORITES_FOOD = POTATO

あとは呼び出すだけ。

console.log(process.env.FAVORITES_FOOD)

簡単！

ちなみにビルド時は.env.productionを作成すれば、同じように環境変数を参照できますのでぜひ忘れないうちに.env.productionを作成してください。

以上、「Gatsby.jsで.envファイルを使用する方法」でした！

Thank you for reading