Next.js 에서 환경변수 사용하기

next.js에서 .env.local 파일에 환경변수를 넣어서 사용할 수 있다.

위와같이 파이어베이스 파이어스토어 접근 키같은 민감한 정보를 그대로 공개하면 안좋기 때문에 환경변수로 만들어서 관리를 해주는게 좋다.

 

기본적으로 .env.local 을 통한 모든 환경변수는 Node.js에서만 사용할 수 있는데 브라우저에서 사용하려면 NEXT_PUBLIC_을 붙여야 한다고 한다. (위와 사진처럼) 근데 위 사진을 보면 알겠지만 맨 마지막부분을 저렇게 바꿔 놓아도 잘 작동하긴 했다.

 

nextjs 는 .env.local에서 process.env로 환경변수를 로드하기 위한 기본 제공 지원이 있다고 한다.

 

아무튼 이 밖에도 .env, .env.development, .env.production 등을 사용할 수 있다고 한다.

 

환경변수 사용법

process.env. 를 통해 접근가능하다!