앞서 개발한 프로젝트를 Vercel를 이용해 배포해보고자 한다.
직접 서버를 개발하여 웹 사이트를 배포하는 과정도 진행할 것이지만, 이번에는 비교적 간단하게 Next.js 기반의 프로젝트를 배포하는 방법에 대해서 알아보고자 한다.

Vercel 이용 배포 장점

• 개발한 프로젝트가 Next.js 기반이며, Vercel 역시 Next.js 프로젝트를 배포하는데 특화됨 (알아서 디렉토리 등 설정 : NEXTAUTH_URL 등...)
• Server Side Rendering 방식을 사용하는 Next.js에서 정적 웹 호스팅을 지원하는 배포 방식을 사용할 수 없음
• GitHub와 같은 저장소들과 연계하여 프로젝트를 Git에 Push하면 자동적으로 Build하여 사이트를 배포할 수 있다.

Vercel 배포 과정

1. 먼저 사이트에 로그인을 진행한다. (GitHub 로그인 추천)
   
2. Add New(Start Deploying)를 누르고 원하는 Git Repository를 선택한다.
   
3. 설정을 완료하고 Deploy를 누르면 Build가 완료될 때 사이트를 확인할 수 있다.
   

Vercel 배포 결과

아래와 같이 정상적으로 배포되었고, 로그인, 게시글 기능 역시 모두 잘 작동함을 확인할 수 있다.
Vercel로 배포한 동아리 홈페이지