Picture of the author
ROXIE.
DEV
Vercel 배포 시 `.env` 설정Vercel 배포 시, .env 설정 누락으로 인한 에러 해결.
Vercel 배포 시 `.env` 설정

문제

Vercel에 배포하는 과정에서 Sanity 클라이언트를 초기화하는 데 필요한 projectId가 제공되지 않았음을 나타내는 에러가 발생했다. /api/posts API 경로에서 Sanity 클라이언트를 생성하는 과정에서 project Id가 설정되지 않았기 때문에 발생하는 문제로 보인다.

해결

해결 방법으로는 NEXT_PUBLIC 접두어를 사용하여 클라이언트 사이드에서도 접근 가능하게 설정 또는 프로젝트 루트 또는 sanity.json, client.js, sanityClient.js 등의 파일에서 Sanity 클라이언트를 초기화하는 방법 등 이 있었지만, 근본적인 원인은 Vercel에 배포할때 .env.local 설정을 변경 했다면 Vercel 프로젝트 설정에서 해당 환경 변수를 설정해야 한다. Vercel 대시보드에서 프로젝트 설정으로 이동한 후 "Environment Variables" 섹션에 projectId를 추가하면 된다.

Next.js로 나만의 블로그 만들기: Backend CMS 연결하기
Next.js로 나만의 블로그 만들기: Backend CMS 연결하기`mock data api`로 posts를 받아오는 방법에서 Backend CMS인 `Sanity`를 사용하여 api 통신 하는 방법에 대해 알아보자.
Tailwind CSS에서 SCSS로 마이그레이션 하는 이유
Tailwind CSS에서 SCSS로 마이그레이션 하는 이유CSS-in-JS의 한계와 불편한 점과 SCSS의 사용방법에 대해 알아본다.
생성일: 2024.02.14수정일: 2024.02.14
목차