vercel로 배포한 Next.js에 환경변수 설정하기

개요#

vercel로 이 블로그를 배포하고 들어가봤더니 500 에러가 발생했다.

찾아보니 env 설정을 하지 않아서 서버 사이드에서 데이터를 가져오는 과정에서 문제가 생겼다.

해결방법#

vercel에 프로젝트 메뉴를 보면 Settings라는 메뉴가 있다. 그걸 누르면 왼쪽에 Environment Variables이 있는데 그걸 클릭 후 추가해준 후에 재배포를 하면 적용된다.