02. Vercel로 배포하기

이전에 Git 블로그를 Netlify로 배포한 경험이 있다. Netlify는 Git 계정과 레포지토리를 간단하게 연결하면 자동으로 배포가 진행되는 방식이어서 매우 쉽게 설정할 수 있었다. 이번에는 Next.js 프로젝트를 진행하니 Vercel을 사용해 배포해 보고자 한다.

---

Vercel은 Next.js의 공식 호스팅 플랫폼으로, Next.js 배포에 최적화된 성능을 제공한다. 또한 SSR(서버 사이드 렌더링)과 SSG(정적 사이트 생성)를 원활하게 지원한다.

 

Vercel 배포 순서

🌿 Import Git Repository

회원가입 및 로그인 후 GitHub 계정과 연동하면 배포할 레파지토리를 선택할 수 있다.

🌿 Confiture Project

Build Command를 설정할 수 있는데 기본값으로 그대로 사용하겠다.

명령어는 package.json에 scripts를 확인해보면 된다.

"scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }

설정 후 하단에 'Deploy' 버튼을 눌러 배포를 진행한다.

🌿 오류..?

배포할 때 Next.js 패키지가 설치되지 않아서 오류가 발생했는데, 그럴 리가 없을 텐데… 하고 확인해 보니

master로 브랜치를 설정해 두고 develop에서 머지를 하지 않아서 아무것도 없었기 때문이다..ㅎㅎ master에 머지한 후 재배포를 하니 성공적으로 배포가 되어 실행되는 것을 확인했다.