Vercel
별칭: Vercel · 버셀
Next.js 웹앱을 Git과 연결해 공개 URL로 배포하기 쉬운 클라우드 플랫폼.
Vercel은 Next.js와 잘 맞는 배포 플랫폼이다. GitHub repo와 연결하면 push나 PR마다 preview URL을 만들 수 있고, production 배포로 공개 주소를 제공한다. 수업에서는 localhost를 벗어나는 배포 부츠로 등장한다.
정의
Vercel은 프론트엔드와 서버리스 웹앱을 배포하는 클라우드 플랫폼이다. 특히 Next.js와 긴밀하게 통합되어 빌드, preview deployment, production deployment, 환경변수, 도메인 연결을 비교적 간단하게 관리할 수 있다.
왜 중요한가
웹앱은 내 컴퓨터에서만 돌아가면 다른 사람이 사용할 수 없다. Vercel 같은 배포 플랫폼에 올리면 공개 URL이 생기고, 휴대폰이나 다른 사람의 브라우저에서도 확인할 수 있다. 초보자에게 배포는 "서비스가 바깥으로 나가는 첫 순간"이다.
Semiclass에서의 의미
배포 부츠 단계에서는 생활정보 보드를 Vercel에 올려 공개 주소를 만든다. 이때 package.json scripts, build 에러, Supabase URL, API key, 서버 route, 샘플 JSON fallback, 모바일 화면을 점검한다.
주의할 점
Vercel에 배포했다고 모든 문제가 해결되지는 않는다. 로컬의 .env.local 값은 자동으로 production에 들어가지 않을 수 있고, 외부 API 호출 제한이나 CORS 문제가 배포 후에 나타날 수 있다. preview와 production 환경변수도 구분해야 한다.