next.js에서 env 파일 다르게 바라보게 하고 작업하기

풀스택 개발자: env파일의 백엔드 주소는 Local

프론트 개발자: env파일의 백엔드 주소는 개발서버

 

.env.local (프론트개발자용)

.env.developemnt (풀스택 개발자용)

 

하기 위해서 다음과 같이 진행

 

---

1. dot.env 라이브러리 설치

npm install --save-dev dotenv-cli

 

 

2. package.json 에 명령어 다르게 설정

  "scripts": {
    "dev": "next dev",
    "dev:api": "dotenv -e .env.development -- next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint"
  },

 

 

3. 명령

 

풀스택 개발자

npm run dev:api

 

프론트 개발자

npm run dev