Next.js 의 환경변수 설정 에러

• 위와 같이 환경변수를 설정하면 이후 console 상으로 출력할 때 해당 process.env.BACKEND_URL 이 undefined 로 출력됨

• 그 이유는 Next 사용 시 브라우저에서는 환경변수 네이밍에 대한 특정한 네이밍 규칙이 존재하기 때문
  
  
  Node.js 환경 = process.env.변수명으로 설정
  Next.js 를 사용하는 브라우저 환경 = process.env.NEXT_PUBLIC_변수명 으로 설정

해결방안

• 규칙에 맞게 변수명을 수정

• 이후 next.config.js 설정 파일에서 위와 같이 env 를 설정