테크·3 min read
Vercel 무료 배포 실전 가이드
Vercel Hobby 플랜으로 사이드 프로젝트를 무료 배포하는 방법을 단계별로 정리했습니다.
Vercel Hobby 플랜 스펙
| 항목 | 무료 한도 |
|---|---|
| 배포 수 | 무제한 |
| 대역폭 | 100GB/월 |
| 서버리스 실행 시간 | 100시간/월 |
| 빌드 시간 | 6,000분/월 |
| Edge 함수 | 500,000 호출/월 |
| 커스텀 도메인 | 무제한 |
| SSL | 자동 (무료) |
| 프리뷰 배포 | PR당 자동 생성 |
사이드 프로젝트에는 충분합니다.
배포 방법
GitHub 연동 (추천)
- vercel.com 가입 (GitHub 계정)
- "Import Project" → GitHub 리포 선택
- 프레임워크 자동 감지 (Next.js)
- "Deploy" 클릭
이후 git push만 하면 자동 배포됩니다.
CLI 배포
npm i -g vercel
vercel login
vercel --prod
커스텀 도메인 연결
- Vercel 대시보드 → Settings → Domains
- 도메인 입력 (예: devfinance.kr)
- DNS 설정:
- A 레코드:
76.76.21.21 - 또는 CNAME:
cname.vercel-dns.com
- A 레코드:
- SSL 자동 발급 (수 분 소요)
환경 변수 설정
Vercel 대시보드 → Settings → Environment Variables
NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX
NEXT_PUBLIC_ADSENSE_CLIENT_ID=ca-pub-XXXXXXXXXXXXXXXX
환경별로 다른 값 설정 가능:
- Production
- Preview
- Development
최적화 팁
빌드 캐시 활용
Vercel은 node_modules와 .next/cache를 자동 캐싱합니다. 빌드 시간을 크게 줄여줍니다.
Edge Config (무료)
글로벌 설정 저장소. A/B 테스트 플래그, 차단 IP 목록 등에 활용:
import { get } from "@vercel/edge-config";
const featureFlag = await get("showBanner");
Analytics (무료 티어)
Vercel Analytics로 Core Web Vitals 모니터링:
- 실사용자 데이터 기반
- LCP, FID, CLS 추적
- 무료 플랜: 2,500 이벤트/월
SSG 사이트의 장점
정적 사이트(SSG)를 Vercel에 배포하면:
- 서버리스 비용 0원: 정적 파일만 CDN에서 서빙
- 대역폭만 소모: 100GB면 월 수만 PV 가능
- 빌드만 필요: 서버 유지보수 불필요
- 글로벌 CDN: 전 세계 엣지에서 서빙
Vercel vs 다른 호스팅
| 항목 | Vercel | Netlify | GitHub Pages |
|---|---|---|---|
| Next.js 최적화 | 최고 | 보통 | 제한적 |
| 서버리스 함수 | O | O | X |
| 커스텀 도메인 | 무제한 | 무제한 | 1개 |
| 프리뷰 배포 | 자동 | 자동 | X |
| 대역폭 | 100GB | 100GB | 100GB |
Next.js 프로젝트라면 Vercel이 최적입니다.