버셀(Vercel)
버셀(Vercel)은 웹 프로젝트를 Github(깃허브)와 연결해 자동으로 빌드하고 인터넷에 공개할 수 있게 해줍니다.
정확한 개념
프론트엔드(Frontend) 프로젝트를 Github(깃허브)와 연결해 자동으로 빌드하고 웹 주소로 공개하는 배포 플랫폼입니다.
왜 중요한가
바이브 코딩으로 만든 웹앱을 바로 다른 사람에게 보여주려면 로컬 실행을 넘어서 실제 URL이 필요합니다. 버셀(Vercel)은 이 과정을 매우 짧게 만들어줍니다.
Understanding
이렇게 이해하면 쉽습니다
Github(깃허브) 저장소를 버셀(Vercel)에 연결하면 push할 때마다 새 배포가 생성되고, PR마다 미리보기 URL도 받을 수 있습니다.
로컬에서는 잘 되지만 배포에서 실패하는 경우가 있습니다. 환경변수(Environment Variable), 빌드 명령어, Node 버전 차이를 먼저 확인하세요.
Checklist
실제로 볼 때 확인할 것
- 01
환경변수를 Production과 Preview에 모두 설정한다
- 02
빌드 로그에서 첫 번째 오류를 확인한다
- 03
배포 URL과 도메인 연결 상태를 구분한다
관계 지도
현재 개념 버셀(Vercel)