programming/javascript

[nextjs] 환경변수

worldint 2023. 7. 10. 20:35

기본적으로 env파일을 통해 로드된 모든 환경변수는 Nodejs환경에서만 사용 가능한데

그걸 브라우져 환경에서 사용하기 위해서 환경변수 앞에  NEXT_PUBLIC이란느 접두사를 붙이면 

NEXT_PUBLIC_KEY=abcdefghijk

nextjs에서 브라우져로 js파일을 보낼때 같이보내는것같다

NEXT_PUBLIC 말고도

ENV_LOCAL  ( 로컬 즉 nodejs환경에서만 해당 변수를 읽을수있다. 브라우져에서는 undefined로뜰것임)

PRODUCTION_ENV 등 몇가지 더 있으니 필요하면 알아보면 된다