[포트폴리오] Vercel 배포

SMI·2025년 2월 3일

Vercel

Next.js 개발 팀에서 만든 프론트엔드 배포 플랫폼으로 Github Repo와 연동하여 웹 애플리케이션을 손쉽게 배포하고, 자동화된 CI/CD 파이프라인을 활용할 수 있습니다.
또한, 자동 스케일링, 프리뷰 기능 등을 제공하며 Next.js 프로젝트에 최적화된 호스팅 환경을 제공합니다.

제가 Vercel을 배포 플랫폼으로 결정한 이유는 아래 4가지 이유가 있습니다.

1. 자동화된 빌드와 배포

  • 복잡한 설정없이 Push, Merge 하는 것만으로 정말 쉽게 배포가 됩니다.

2. 프리뷰 배포

  • 브랜치나 풀 리퀘스트에 대해 프리뷰 배포를 제공하므로, 변경 사항을 배포하기 전에 실제 환경에서 테스트할 수 있습니다.

3. 조건에 따라 무료 제공

4. 서버리스 배포 환경

배포 방법

1. 로그인

https://vercel.com/에 접속해 자신의 프로젝트가 있는 플랫폼으로 로그인합니다.

2. 배포할 Repo 선택 및 설정

전 이미 import 한 Git Repo가 있는데 새로운 Repo를 선택하시면 됩니다.

보안을 위해 Only selec repositories를 선택했습니다. => 해당 repo만 Vercel과 연동되고 dashboard에 나타납니다.

3. 환경변수 설정 및 배포

Environment Variables를 클릭하고 해당 프로젝트의 환경변수들을 넣어주면 됩니다.
루트 디렉토리를 잘 못 선택하면 빌드 에러가 발생합니다.

4. 배포 완료 및 로그 확인

배포가 완료되면 dashboard에서 해당 프로젝트의 상태가 Ready인것을 확인할 수 있으며 제공된 Domain을 통해 접속할 수 있습니다.

profile
끈기있게 파고드는 개발자가 되기 위해 노력하고 있습니다.

0개의 댓글