next 환경변수 undefined 오류

문제 상황

aws s3 이미지 업로드에 필요한 s3 config 설정을 하는 중에 각각의 설정 값에 직접 문자열을 넣었을 때는 정상적으로 파일 업로드가 되었으나 .env 환경변수를 사용했을 때 undefined 에러가 발생하면서 값을 불러 올 수 없었다.

잘못된 코드

.env에서 값을 설정하고 config에서 process.env로 접근하는 부분은 문제가 없어 보였다.

.env파일의 경로도 확인 해보았지만 모두 문제가 없었다.

개선한 코드

검색을 해본 결과 nextJS 에서는 NEXT_PUBLIC_ 이라는 접두사를 사용하지 않는 한 클라이언트 코드에서 환경 변수에 액세스 하는 것을 허용 하지 않는다는 것을 확인했다.

NEXT_PUBLIC_ 접두사를 붙여서 정상적으로 파일이 업로드 되었다.