- 공유 링크 만들기
- X
- 이메일
- 기타 앱
Vercel
Cloudflare
Netlify
3년간 Vercel을 써왔습니다. Next.js 프로젝트 3개를 운영하면서 개발자 경험(DX)은 최고였지만, 팀이 커지고 트래픽이 늘면서 청구서가 스트레스가 됐습니다. 그래서 직접 같은 Next.js 앱을 Vercel, Cloudflare Pages, Netlify 세 곳에 배포하고 2주간 비교했습니다. 실제 측정 데이터와 비용 경험을 솔직하게 공유합니다.
📊 한눈에 보는 3자 비교
| 항목 | Vercel | Cloudflare Pages | Netlify |
|---|---|---|---|
| 무료 대역폭 | 100GB/월 | 무제한 ✅ | 100GB/월 |
| 빌드 횟수 (무료) | 무제한 (큐 대기) | 500회/월 | 300분/월 |
| 서버리스 함수 | Node.js | Workers (V8) | Node.js, Edge |
| 유료 시작가 | $20/월/시트 | $5/월 | $19/월/멤버 |
| Next.js 지원 | 네이티브 ✅ | @opennextjs 어댑터 | @netlify/next 어댑터 |
| 글로벌 엣지 | ~20개 리전 | 300+ 도시 🌍 | ~10개 리전 |
💰 비용: 무료 티어에서 이미 승부가 갈립니다
세 플랫폼 모두 무료 플랜이 있지만, "진짜 무료"의 범위가 전혀 다릅니다.
Cloudflare Pages가 압도적입니다. 정적 자산에 대한 대역폭과 요청이 무제한입니다. 사이드 프로젝트를 돌리면서 대역폭 걱정이 없다는 건 엄청난 장점입니다. 빌드 횟수만 월 500회 제한인데, 하루 16번 배포할 수 있다는 뜻이니 대부분의 프로젝트에서 충분합니다.
Vercel은 무료 대역폭이 100GB입니다. 블로그나 포트폴리오 수준이면 괜찮지만, 이미지가 많거나 트래픽이 늘면 바로 한계에 부딪힙니다. Hobby 플랜은 상업적 사용이 불가능하다는 점도 간과하기 쉬운 부분입니다. 진지한 사이드 프로젝트라면 결국 Pro($20/월)로 올려야 합니다.
Netlify는 100GB 무료 대역폭에 빌드 300분까지입니다. 특이한 점은 한도를 넘으면 추가 과금이 아니라 사이트가 정지된다는 것입니다. "예상치 못한 청구서"를 피할 수 있다는 장점이기도 합니다.
💡 Jake의 실제 비용 경험
Vercel Pro를 쓸 때 대역폭 초과 + 서버리스 함수 비용으로 한 달에 $47이 청구된 적이 있습니다. 같은 프로젝트를 Cloudflare Pages로 이전한 후 Workers Paid $5/월 플랜 하나로 월 $5 이하로 유지하고 있습니다.
🛠️ 개발자 경험(DX): Vercel이 여전히 왕입니다
DX 측면에서 Vercel을 이길 플랫폼은 아직 없습니다. Next.js 제작사답게 모든 것이 매끄럽습니다. git push 한 번이면 프리뷰 배포가 뜨고, PR에 자동으로 코멘트가 달리고, 프로덕션 배포까지 원클릭입니다. App Router, Server Components, ISR 같은 최신 기능이 배포 후 즉시 동작합니다.
Cloudflare Pages의 DX는 많이 개선됐지만, 아직 Vercel만큼은 아닙니다. Next.js를 배포하려면 @opennextjs/cloudflare 어댑터를 써야 하고, 일부 Node.js API가 Workers 런타임에서 동작하지 않는 경우가 있습니다. node:crypto 관련 이슈로 반나절을 소비한 경험이 있습니다. 다만 한번 세팅하면 이후 안정적으로 동작합니다.
Netlify는 그 중간입니다. @netlify/next 어댑터로 Next.js를 지원하는데, Vercel보다 한 박자 늦게 새 기능을 지원합니다. Netlify Forms, Identity 같은 내장 기능은 간단한 프로젝트에서 편리합니다.
⚡ 성능: Cloudflare 글로벌 엣지의 우위
정적 자산 서빙 성능에서는 Cloudflare가 확실한 우위를 보입니다. 전 세계 300개 이상 도시에 엣지 노드가 있어서 어디서 접속해도 TTFB가 빠릅니다.
| 측정 항목 | Vercel | Cloudflare Pages | Netlify |
|---|---|---|---|
| TTFB (서울) | ~50ms | ~20ms ✅ | ~80ms |
| TTFB (미국 서부) | ~30ms | ~15ms ✅ | ~40ms |
| 빌드 시간 (동일 앱) | ~45초 ✅ | ~60초 | ~55초 |
| 콜드 스타트 (함수) | 예측 가능 | 거의 없음 ✅ | 보통 |
서버리스 함수 성능은 다른 이야기입니다. Vercel은 Node.js 기반으로 기존 npm 패키지와 호환성이 좋고 콜드 스타트가 예측 가능합니다. Cloudflare Workers는 V8 isolate 기반으로 콜드 스타트가 거의 없지만, Node.js 네이티브 모듈을 사용할 수 없는 제약이 있습니다.
🔧 Next.js 프로젝트 체크포인트
| 상황 | 추천 플랫폼 | 이유 |
|---|---|---|
| App Router + Server Components 풀 활용 | Vercel | 네이티브 지원, 신기능 즉시 사용 가능 |
| ISR이 핵심인 프로젝트 | Vercel | 최적화된 ISR 구현체 보유 |
| 글로벌 사용자 + 비용 최소화 | Cloudflare | 무제한 대역폭 + 300+ 엣지 노드 |
| SSG/정적 사이트 위주 | Cloudflare | 정적 자산 무제한 무료 |
| Forms/Identity 내장 기능 필요 | Netlify | 기본 내장 기능으로 빠른 구성 |
| 예측 가능한 비용 최우선 | Netlify | 한도 초과 시 정지 (초과 과금 없음) |
⚠️ 숨은 비용과 함정
Vercel의 함정: Pro 플랜 $20에 포함된 크레딧을 넘기면 대역폭 $0.15/GB, 서버리스 함수 CPU 시간 $0.128/시간, 이미지 최적화 $5/1,000건이 추가됩니다. "월 $20이면 되겠지"라고 생각하면 큰코다칙니다. 또한 Hobby 플랜은 상업적 사용이 금지됩니다.
Cloudflare의 함정: 정적 자산은 무제한이지만, Workers Functions(동적 기능)은 무료 플랜에서 일 10만 요청까지입니다. Next.js의 모든 기능이 완벽하게 동작하지는 않으며, @opennextjs/cloudflare가 빠르게 발전하고 있지만 일부 엣지 케이스에서 이슈가 발생할 수 있습니다.
Netlify의 함정: 무료 플랜에서 빌드 300분은 생각보다 빨리 소진됩니다. Next.js 빌드가 2~3분이면 하루 3~4번 배포로 한 달이면 바닥납니다. 대규모 사이트에서 빌드 시간이 Vercel보다 눈에 띄게 꺁니다.
| 항목 | |||
|---|---|---|---|
| 배포 속도 | 매우 빠름 | 매우 빠름 | 빠름 |
| 서버리스 | 완전 관리형 | Workers (강력) | Functions |
| 비용 | 저렴 (Free 있음) | 저렴 | 중간 |
| Next.js 최적화 | 최고 (제작사) | 우수 | 좋음 |
| 분석 | 기본 | 고급 | 기본 |
| 엣지 네트워크 | 좋음 | 최고 (240+ 데이터센터) | 좋음 |
| 커뮤니티 | 매우 큼 | 증가 중 | 큼 |
🏆 Jake's Pick: 최종 선택
✅ 상황별 추천 요약
- Next.js 팀 프로젝트 / 빠른 DX 필요 → Vercel (최고의 개발 경험)
- 글로벌 서비스 / 비용 최적화 → Cloudflare Pages (무제한 대역폭 + 최저가)
- 정적 사이트 / 예측 가능 비용 → Netlify (초과 과금 없는 안전한 선택)
- 사이드 프로젝트 / 스타트업 → Cloudflare Pages (Workers KV, D1, R2 에코시스템)
- 현재 Jake 선택 → Cloudflare Pages (Workers Paid $5/월로 전체 인프라 운영)
저는 현재 Cloudflare Pages를 메인으로 사용합니다. 164개국 사용자를 대상으로 서비스를 운영하는데, 글로벌 트래픽에서 대역폭이 무제한 무료인 것이 결정적이었습니다. Workers KV, D1, R2를 함께 활용하면서 BaaS 비용도 크게 줄었습니다.
댓글
댓글 쓰기