Vercel로 프론트엔드 프로젝트 배포해보기

Vercel은 프론트엔드 호스팅 플랫폼

 

백엔드는 Heroku, AWS EC2, Google Cloud Platform.. 등 백엔드 호스팅 플랫폼을 이용하여 배포한다.

• Vercel에서 Node.js + Express 자체 지원을 해주지도 않으므로 백엔드 호스팅의 메리트가 없다

버셀 배포시 참고한 블로그

• 버셀 배포 자체는 아주 간단함(빌드 전, 빌드 오류 확인!)
• API 연결이 되고, 배포가 잘 되는지가 관건
• 배포 시, 오류가 났던 부분: 무언가 잘 안된다면 아래 리스트를 체크
  • API KEY 등 환경 변수 설정 확인(.env): vercel 프로젝트 내에 설정되었는지 확인
  • 소셜 로그인 관련하여 추가 설정이 필요한 지 확인
  • 이미지 업로드 관련하여 추가 설정이 필요한지 확인: 읽기 및 쓰기 권한
  • API KEY에 대한 HTTP 참조 제한 확인: 배포된 도메인이 허용되어 있는지 확인(모두 허용은 절대 금지)