{
  "$type": "site.standard.document",
  "canonicalUrl": "https://blog.nove-b.dev//posts/next-start-env-cmd",
  "path": "/posts/next-start-env-cmd",
  "publishedAt": "2024-11-12T00:00:00.000Z",
  "site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
  "tags": [
    "nextjs",
    "env",
    "env-cmd"
  ],
  "textContent": "nextjsでタグマネージャーを導入する際に、本番環境、検証環境、開発環境といった環境ごとにコンテナのIDを指定することにした。\n\nただnextjsでは用意されたenvと適応コマンドがすでに割りついているっぽい。\n\n| 環境ファイル     | 役割                  |\n| ---------------- | --------------------- |\n| .env.local       | next dev              |\n| .env.development | next dev              |\n| .env.production  | next build/next start |\n\n参考：Next.jsで環境ファイル(env)別ビルドを行う\n参考：Add support for custom environments\n\n今回は、同じnext startで3つの環境を作成したいけど、前述の通りそれだと.env.productionしか呼び出すことができない。\n\nそこでenv-cmdを使用する。\n\n> #Using custom env file path To use a custom env filename or path, pass the\n> flag. This is a major breaking change from prior versions < 9.0.0-f\n\nとあるように、アプリをビルド/実行するときに特定の.envファイルを選択することができるパッケージ。\n\nと3つのEnvを用意し下記のようなScriptを作成すれば、それぞれのScriptごとに対応するEnvを読みに行ってくれる。",
  "title": "next startで実行される環境変数をそれぞれ違うファイルから呼び出したい"
}