Nextjs 14 에서 환경변수 설정하기

.env.local 을 일반적으로 사용하지만, 해당 파일은 무시되도록 되어 있어 .gitignore 에 설정하시면 됩니다.

우리는 .env.develpoment, .env.production 을 사용할려고 왔으니 사용해보자.

.env.develpoment

- 개발 환경에서 사용되는 환경 변수

- next dev 를 실행할 때 실행됩니다.

- 개발 환경에서 사용할 키, API 엔드포인트 등을 설정해줍시다.

 

.env.production

- 프로덕션 환경에서 사용되는 환경 변수

- next start, build 에 실행됩니다.

- 상용 환경에서 사용할 키, API 엔드포인트 등을 설정해줍시다.

 

서버, 클라이언트 사용방법

- 기본적으로 서버 측에서 사용시에는 환경 변수에 별도 접두사 없이 사용하시면 됩니다.

- 클라이언트, 즉 브라우저에 사용시 NEXT_PUBLIC_ 접두사를 붙여서 사용하셔야 합니다.