Vercel이란?
로컬에서 개발한 웹사이트를 다른 사람들도 접속할 수 있도록 하려면 배포 과정이 필요합니다.
이번 글에서는 제가 만든 Next.js 프로젝트를 Vercel을 이용해 실제 웹에 배포하는 과정을 정리해보겠습니다.
배포 전 준비
Vercel에 프로젝트를 배포하기 전에 다음과 같은 준비가 필요합니다.
- GitHub 계정
- Vercel 계정
- GitHub에 업로드된 프로젝트
- 정상적으로 실행되는 Next.js 프로젝트
1️⃣ Vercel 접속하기
Log in 버튼을 눌러 로그인을 진행합니다.
2️⃣ GitHub 저장소 연결하기
Add New > Project 클릭!
3️⃣ GitHub 저장소를 선택하고 Import
프로젝트 선택 후 Import 클릭!
환경설정 후 Deploy 버튼 클릭해서 배포하기
마무리
이번 글에서는 Next.js 프로젝트를 Vercel에 배포하는 과정을 알아보았습니다.
처음에는 배포라는 과정이 어렵게 느껴질 수 있지만, Vercel을 활용하면 GitHub 저장소를 연결하는 것만으로도 비교적 간단하게 프로젝트를 웹에 공개할 수 있습니다.
특히 GitHub에 코드를 Push하면 변경 사항이 자동으로 배포되기 때문에 프로젝트를 지속적으로 관리하기에도 편리합니다.
직접 만든 프로젝트를 로컬 환경에서 끝내지 않고 실제 웹에 배포해보는 경험은 개발 과정 전체를 이해하는 데 큰 도움이 됩니다.