Next.js .env에서 사용한 변수가 undefined 일 때 해결 방법 [에러]

 

 

문제점

 

. env에서 설정한 변수를 인식하지 못하거나 undefined로 나옴

 

 

---

 

 

. env에서 사용한 변수가  undefined일 때에는 next.config.js 에서 설정해주시면 잘 될 수 있습니다.

 

또한 next.js에서는 .env를 설정할 때 process.env.NEXT_PUBLIC_변수명으로 설정해주어야 합니다.

 

 

해결 방법

next.config.js의 내용을 수정하고 서버를 껏다 다시 키면 정상적으로 작동됩니다.

 

next.config.js

module.exports = { 

 // 다른 코드들
 
  // env 내용 추가
  env: {
    BASE_URL: process.env.BASE_URL,
  },
};