[next.js 공식문서] 27. Environment Variables

next.js 13버전 때 학습내용 정리 문서로 현재와 다름 주의

Environment Variables

env 로드

// .env.local
DB_HOST=localhost
DB_USER=myuser
DB_PASS=mypassword

요렇게 선언하고

process.env.DB_HOST

요렇게 쓰셈

다른 변수 참조

// .env
HOSTNAME=localhost
PORT=8080
HOST=http://$HOSTNAME:$PORT

브라우저에 환경 변수 노출

앞에 NEXT_PUBLIC_ 을 붙여서 선언할 것. 그렇지 않으면 읽지 못할 것

NEXT_PUBLIC_ANALYTICS_ID=abcdefghijk

기본 환경 변수

.env, .env.local .env.development 및 .env.production은 환경에 따른 기본값.

테스트 환경 변수

.env.test
테스트 환경에서만 동작하게

환경 변수 로드 순서

다음과 같은 순서로 조회되면 변수가 발견되면 중지

1. process.env
2. .env.$(NODE_ENV).local
3. .env.local( NODE_ENV이 때 선택되지 않습니다 test.)
4. .env.$(NODE_ENV)
5. .env