[NextJS] Vercel로 배포하기

글쓰게된 계기

드 디 어,,,, 이력서를 웹으로 배포했다..!!! 어떤 방법을 써볼까?하다가 Vercel 로 하는게 가장 간단해서 사용했다. 그럼 Vercel 무엇인지, 어떻게 배포하는지 한번 알아보자~

Vercel?

Vercel은 NextJS 개발사에서 만든 호스팅 사이트로 정적 사이트 및 서버리스 함수 기반의 애플리케이션을 매우 간편하게 배포할 수 있도록 설계되어있다.

특징

1. 자동 배포 가능
   GitHub, GitLab, Bitbucket과 같은 소스 코드 리포지토리와 통합되어 푸시할 때마다 자동으로 배포한다.

2. 서버리스 함수
   API 라우트에서 서버리스 함수를 쉽게 배포할 수 있다.

3. NextJS와 최적의 통합
   NextJS 개발사에서 만든 호스팅 사이트로서 NextJS를 사용하는 프로젝트에 대해 특별히 최적화되어 있다. (경험해본 결과 진짜임!)

Vercel로 배포하기

1. Vercel 회원가입 및 로그인
나는 GitHub를 통해 배포를 할거라서 GitHub로 로그인했다.

2. Vercel에 GitHub 프로젝트 추가

Add GitHub Account를 통해 GitHub 계정을 추가하고, 프로젝트를 선택하여 Import 버튼을 클릭한다.
프로젝트 구성 설정 변경이 필요하면 이 때 수정하면 된다. 참고로 Project Name으로 도메인이 설정된다.

3. 프로젝트 배포

Deploy 버튼을 클릭하면 배포는 완료된다!!!

GitHub push하면 자동으로 배포하기

• Project Settings > Git > Ignored Build Step이 Automatic 으로 세팅하면된다!
  

Vercel 외 배포할 수 있는 플랫폼

Heroku

간편한 클라우드 애플리케이션 플랫폼으로, 다양한 언어를 지원하며 애플리케이션을 쉽게 배포할 수 있다.

• 특징
  간편한 설정과 사용
  Git 기반 배포
  무료 및 유료 플랜 제공

Netlify

JAMstack(정적 사이트 및 동적 기능) 애플리케이션을 배포하는 데 최적화된 플랫폼이다.

• 특징
  Git 통합으로 자동 배포
  서버리스 함수 및 API 지원
  강력한 CDN 제공
  A/B 테스트, 폼 처리 등 추가 기능 제공

AWS (Amazon Web Services)

세계에서 가장 널리 사용되며, 다양한 서비스와 인프라를 제공한다.

• 특징
  EC2, S3, Lambda, RDS 등 다양한 서비스 제공
  고도의 확장성 및 유연성
  글로벌 인프라
  복잡한 설정과 관리 필요