SaaS · Cloud

Vercel vs Netlify vs Cloudflare Pages: 2026 비용·성능 비교

프런트엔드 호스팅 3사를 2026년 4월 기준 가격·성능·DX 로 비교한다. Next.js 팀이면 Vercel, 트래픽 많으면 Cloudflare, JAMstack 콘텐츠 사이트면 Netlify — 근거를 숫자로 정리.

이런 분이 읽으면 좋습니다

요약: Cloudflare Pages 가 성능(TTFB ~50ms)과 가격(무료 무제한 대역폭)에서 2026년 기본값이 됐다. Vercel 은 Next.js 팀에게 여전히 최적이고, Netlify 는 JAMstack 콘텐츠 사이트에서 빌트인 폼·Identity 로 버틴다. 세 플랫폼 모두 무료로 시작할 수 있지만, 팀이 커지면 비용 구조가 완전히 달라진다.

이 글은 프런트엔드 프로젝트의 호스팅 플랫폼을 고르는 개발자를 위해 썼다. 2026년 4월 기준 각 플랫폼의 공식 가격 페이지와 성능 벤치마크를 기반으로 한다.

한눈에 비교

VercelNetlifyCloudflare Pages
TTFB (글로벌 평균) ~70ms~90ms~50ms
무료 대역폭 100GB/월100GB/월무제한
무료 빌드 시간 6,000분/월300분/월500빌드/월
Pro/Team 가격 $20/인/월$19/인/월$5/월 (Workers Paid)
Next.js 통합 최적 (1st party)가능가능 (어댑터)
Edge Functions Vercel FunctionsNetlify FunctionsWorkers (가장 성숙)
빌트인 폼 없음있음없음
글로벌 PoP ~20 리전~10 리전300+
2026년 4월 기준 공식 가격 페이지 및 커뮤니티 벤치마크. PoP = Point of Presence.

비용이 갈리는 지점

세 플랫폼 모두 무료 티어가 넉넉하다. 개인 프로젝트나 1인 팀이라면 어디를 써도 $0 이다. 비용이 갈리는 건 팀이 3인 이상으로 늘거나, 월 방문자가 10만을 넘을 때다.

Vercel — 인당 과금이 핵심

Vercel Pro 는 $20/인/월이다. 3인 팀이면 $60/월, 10인이면 $200/월. 여기에 대역폭 1TB 초과분 $40/100GB, Serverless Function 실행 시간 초과분이 붙는다. Next.js 를 쓰면 ISR, 서버 컴포넌트, 미들웨어가 “그냥 동작”하는 대가를 인당 $20 으로 사는 셈이다.

Netlify — 대역폭 초과가 함정

Netlify Pro 는 $19/인/월로 Vercel 과 비슷하지만, 대역폭 초과 요금이 더 가파르다. 100GB 무료 이후 $55/100GB. 이미지가 많은 콘텐츠 사이트가 월 300GB 를 넘기면 대역폭만 $110+ 이 추가된다. 반면 빌트인 폼(월 100건 무료), Identity(월 1,000 활성 사용자), Split Testing 은 별도 서비스 없이 바로 쓸 수 있다.

Cloudflare Pages — 사실상 무료에 가까움

Cloudflare 무료 티어의 대역폭은 무제한이다. Workers Paid($5/월) 로 올리면 서버 사이드 로직까지 넉넉하게 쓸 수 있다. 10인 팀이 월 500GB 트래픽을 보내도 추가 비용이 $0 이다. 단, Cloudflare 의 빌드 시스템은 Vercel·Netlify 만큼 매끄럽지 않고, 프레임워크별 어댑터 설정이 필요하다.

성능 — 엣지 네트워크의 차이

세 플랫폼의 정적 파일 서빙 속도는 비슷하다. 차이가 나는 건 서버 사이드 렌더링(SSR)과 엣지 함수다.

Cloudflare 는 300+ PoP 에서 코드를 실행한다. 서울에서 요청하면 서울 엣지에서 응답한다. TTFB ~50ms 는 이 분산 구조 덕이다. Vercel 의 Fluid Compute 가 2026년에 콜드 스타트를 크게 줄였지만, 리전 수(~20)에서 Cloudflare 를 따라잡기는 어렵다. Netlify 는 가장 적은 리전(~10)으로 아시아·남미에서 상대적으로 느리다.

각 플랫폼별 상세

Vercel

강점: Next.js 를 만든 회사가 운영하는 플랫폼이다. ISR(Incremental Static Regeneration), 서버 컴포넌트, 미들웨어, Image Optimization 이 zero-config 로 동작한다. 프리뷰 배포, 브랜치별 환경, 코멘트 기능도 팀 협업에 유용하다.

약점: 인당 과금이 팀 규모에 비례해 올라간다. Next.js 가 아닌 프레임워크(Astro, SvelteKit, Remix)에서는 Vercel 만의 이점이 절반으로 줄어든다. vendor lock-in 이 가장 강한 플랫폼이다 — Vercel 전용 API(og 이미지 생성, KV 스토어 등)를 쓰면 이탈 비용이 크다.

Netlify

강점: JAMstack 의 원조. 빌트인 폼, Identity(인증), Split Testing, 플러그인 생태계가 콘텐츠 중심 사이트에서 “서드파티 없이 완성”을 가능하게 한다. netlify.toml 하나로 리디렉트·헤더·함수를 선언적으로 관리.

약점: 대역폭 초과 요금이 높다. 빌드 시간이 무료 300분으로 Vercel(6,000분) 대비 부족하다. 엣지 리전 수가 적어 아시아 트래픽에 불리하다. 2025~2026 사이에 Netlify 의 시장 존재감이 줄어들고 있다.

Cloudflare Pages

강점: 무제한 대역폭, 300+ PoP, Workers 와의 네이티브 통합. 성능과 가격 양쪽에서 가장 균형 잡힌 선택. Workers KV, D1(SQLite), R2(오브젝트 스토리지)를 같은 대시보드에서 관리할 수 있어 풀스택으로 확장 가능.

약점: 빌드 시스템이 Vercel·Netlify 만큼 매끄럽지 않다. 프레임워크 어댑터 설정, wrangler.toml 관리, Workers 런타임 제약(Node.js API 일부 미지원)이 진입 장벽. 프리뷰 배포 UX 가 Vercel 보다 투박하다.

피해야 할 상황

의사결정 플로우

Next.js 를 쓰고 있거나 쓸 예정인가?
Yes → Vercel — 1st-party 통합이 압도적
No → 다음 질문으로
빌트인 폼·Identity·Split Testing 이 필요한가?
Yes → Netlify — 서드파티 없이 완성
No → 다음 질문으로
글로벌 트래픽이 분산되거나 대역폭 비용이 걱정되는가?
Yes → Cloudflare Pages — 무제한 대역폭 + 300 PoP
No → 다음 질문으로
기본값: Cloudflare Pages — 성능·가격 균형이 2026년 기준 가장 좋다
위에서 아래로 내려가면서 첫 번째 Yes 에서 멈춘다.

다음에 읽을 글