Next JS 部署 - env 環境設定

NextJS 類型專案的env 配置

在package.json 中可以看到script中的設定


"scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "format": "prettier --write '**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc"
  },

使用開發者模式:


yarn dev

使用 yarn dev 表示專案運行時使用的環境變數為 .env.development

正式部署


yarn build && yarn start

透過 yarn build 來部署建立正式環境, 使用的環境變數為 .env.production