env variable in browser next.js (1) 썸네일형 리스트형 브라우저에서 환경 변수 사용하기 In Next.js 💡브라우저단에서 환경 변수를 사용해 보자 ! env 파일에다가 NEXT_PUBLIC_XXX로 하면 된다고 하는데, 이상하게도 local에서 실행할때는 읽어오더니, production로 실행하니, 브라우저에서 undefined 결과가 나왔다. (아예 못읽어오는것도 아니고 서버에서는 읽어오더라.. 😠) 많은 삽질 끝에 브라우저에서 환경변수를 적용한 방법을 남긴다! 💡publicRuntimeConfig를 사용한 환경 변수 선언💡 #next.config.js ... module.exports = { publicRuntimeConfig : { PUBLIC_APPS_ENV : process.env.APPS_ENV }, ... } 이렇게 필요한 변수를 publicRuntimeConfig 안에다가 선언한다. 💡읽어오기.. 이전 1 다음