1. 개념 요약

Vercel은 Next.js 공식 배포 플랫폼으로,

코드 변경 → 자동 빌드 & 배포 → 글로벌 CDN에 정적 자산을 배포하는 과정을 자동화한다.

Next.js와 완벽하게 통합되어 SSR, SSG, ISR, API Routes까지 모두 지원하며,

.vercel.json, 환경 변수, 커스텀 도메인 설정 등도 제공한다.

2. 배경 지식

• Next.js는 빌드 시점에 정적 파일(.html, .json)을 생성하거나, 서버에서 SSR/ISR 요청을 처리한다.
• Vercel은 GitHub, GitLab, Bitbucket 등의 Git 저장소와 연동해 CI/CD 자동화를 제공한다.
• On-Demand ISR 같은 고급 기능은 getStaticProps, revalidate()와 같은 Next.js API를 통해 활성화되며, Vercel 환경에서는 자동으로 처리된다.

3. 상세 설명

✅ 배포 전 준비사항

• GitHub 저장소에 Next.js 프로젝트 push
• 프로젝트 루트에 .env.production 파일 설정 (API 키 등)

✅ Vercel 배포 단계

1. https://vercel.com 접속
2. GitHub 계정 연동