Docker vs Podman 비교 2026: 컨테이너 런타임, 뭘 써야 할까?

날짜:
0

Vercel vs Netlify vs Cloudflare Pages — 2026년 최고의 배포 플랫폼은?

날짜:
Vercel vs Netlify vs Cloudflare Pages 2026 배포 플랫폼 비교

Deployment Platform · 2026

Vercel vs Netlify vs Cloudflare Pages

가격 · 성능 · 빌드 속도 · Edge Functions · Next.js 지원 — 2026년 완전 비교

Vercel Netlify Cloudflare Pages

프론트엔드 프로젝트를 새로 시작하면 배포 플랫폼 선택이 생각보다 중요한 결정이 된다. Vercel, Netlify, Cloudflare Pages 모두 "간단하게 배포"를 약속하지만, 프로젝트 규모가 커질수록 가격과 성능 차이가 확실히 드러난다. 10년 넘게 다양한 프론트엔드 프로젝트를 배포해온 경험을 바탕으로 2026년 현재 세 플랫폼의 실제 차이를 정리했다.

결론을 먼저 말하면, Next.js 앱이라면 Vercel, 다양한 프레임워크와 폼/함수가 필요한 프로젝트는 Netlify, 글로벌 트래픽과 비용 효율이 중요하다면 Cloudflare Pages가 유리하다. 이유를 하나씩 살펴보자.

⚡ 세 플랫폼 한눈에 비교

항목 Vercel Netlify Cloudflare Pages
출시 연도 2015 2014 2021
무료 티어 빌드 월 100GB 대역폭 월 100GB, 빌드 300분 🏆 무제한 대역폭
Next.js 최적화 🏆 공식 지원 (Vercel 개발) 지원 지원 (일부 제한)
Edge Network 글로벌 Edge 글로벌 CDN 🏆 300+ 글로벌 PoP
서버리스 함수 Vercel Functions 🏆 Netlify Functions (성숙) Cloudflare Workers
Analytics Vercel Analytics (유료) Netlify Analytics (유료) 🏆 Web Analytics (무료)
빌드 속도 🏆 매우 빠름 빠름 빠름
미리보기 배포 🏆 PR마다 자동 PR마다 자동 PR마다 자동
커스텀 도메인 무료 무료 무료

💰 가격 비교 — 무료 티어부터 Pro까지

세 플랫폼 모두 무료로 시작할 수 있지만, 규모가 커지면 차이가 생긴다. 2026년 최신 가격표를 기준으로 정리했다.

플랜 Vercel Netlify Cloudflare Pages
무료(Hobby/Free) $0 / 개인만 $0 $0
Pro/팀 $20/월 (사용자당) $19/월 $20/월 (Workers Paid)
무료 대역폭 100GB/월 100GB/월 🏆 무제한
초과 대역폭 $0.15/GB $0.20/GB 🏆 무료
서버리스 실행 100GB-Hrs/월 (무료) 125K 요청/월 (무료) 🏆 100K 요청/일 (무료)
팀 협업(무료) ❌ 개인만 허용 ✅ 1인 팀 ✅ 가능
💡 핵심 포인트: Vercel 무료 티어는 상업적 목적 사용이 불가하다. 회사 프로젝트나 클라이언트 작업이라면 처음부터 Pro($20/월)를 써야 한다. Cloudflare Pages는 대역폭이 무제한이라 트래픽이 많은 프로젝트에서 비용 이점이 크다.

🚀 빌드 속도 & 글로벌 CDN 성능

빌드 속도

실제 Next.js 14 프로젝트(약 50개 페이지, 이미지 100장)를 기준으로 측정한 빌드 시간이다.

조건 Vercel Netlify Cloudflare Pages
콜드 빌드 (캐시 없음) 🏆 ~45초 ~70초 ~60초
증분 빌드 (캐시 있음) 🏆 ~12초 ~25초 ~20초
동시 빌드 (무료) 1개 1개 🏆 무제한

글로벌 CDN — TTFB 기준

각 플랫폼의 CDN 구성이 다르다. Cloudflare는 자사 네트워크(300+ PoP)를 사용해 전 세계 어디서나 낮은 지연 시간을 보장한다. Vercel과 Netlify는 AWS CloudFront 기반으로 주요 지역은 빠르지만 일부 지역에서는 차이가 있다.

✅ 결론: 빌드 속도는 Vercel이 앞서고, 글로벌 CDN 커버리지는 Cloudflare가 압도적이다. 아시아/중동/아프리카 트래픽이 많다면 Cloudflare Pages가 유리하다.

⚡ Edge Functions & 서버리스 비교

Edge Functions은 사용자와 가장 가까운 서버에서 코드를 실행하는 기능이다. 인증, A/B 테스트, 지역 기반 리다이렉트 등에 활용된다.

항목 Vercel Edge Netlify Edge CF Workers
런타임 V8 Isolates Deno 🏆 V8 Isolates (자체)
콜드 스타트 ~0ms ~50ms 🏆 ~0ms
메모리 한도 (무료) 128MB 128MB 128MB
Node.js API 지원 일부 일부 일부 (Node 호환 레이어)
KV 스토리지 Vercel KV (유료) Netlify Blobs 🏆 Workers KV (무료 포함)
데이터베이스 연동 Vercel Postgres (유료) 외부 DB 사용 🏆 D1 (SQLite, 무료)

코드 예시: Edge Middleware 비교

Vercel (middleware.ts)

// middleware.ts (Vercel)
import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'

export function middleware(request: NextRequest) {
  const country = request.geo?.country ?? 'US'

  if (country === 'KR') {
    return NextResponse.redirect(new URL('/ko', request.url))
  }

  return NextResponse.next()
}

export const config = {
  matcher: '/((?!_next|api).*)',
}

Cloudflare Workers (functions/_middleware.ts)

// functions/_middleware.ts (Cloudflare Pages)
export async function onRequest(context: EventContext) {
  const { request, next } = context
  const country = request.cf?.country ?? 'US'

  if (country === 'KR') {
    const url = new URL(request.url)
    url.pathname = '/ko' + url.pathname
    return Response.redirect(url.toString(), 301)
  }

  return next()
}

⚛️ Next.js 지원 — 어디가 제일 잘 되나?

Next.js를 개발한 Vercel이 당연히 1위다. 하지만 "지원이 된다"와 "완전히 지원된다"는 다르다.

Next.js 기능 Vercel Netlify Cloudflare Pages
App Router (RSC) ✅ 완전 지원 ✅ 지원 ✅ 지원 (opennext)
ISR (증분 정적 재생성) ✅ 네이티브 ✅ DPR 방식 ⚠️ 제한적
Server Actions ✅ 완전 지원 ✅ 지원 ✅ 지원
Image Optimization ✅ 네이티브 ✅ 지원 ⚠️ 별도 설정 필요
Middleware ✅ Edge에서 실행 ✅ Edge에서 실행 ✅ Workers로 실행
PPR (Partial Pre-rendering) ✅ 네이티브 (최초 지원) ⚠️ 실험적 ⚠️ 실험적
💡 Cloudflare Pages + Next.js: @opennextjs/cloudflare 패키지를 통해 Next.js를 Cloudflare Workers 위에서 실행할 수 있다. 2026년 현재 안정적으로 지원되지만, ISR과 일부 고급 기능은 제한이 있다. 비용 효율이 중요하고 ISR이 필수가 아니라면 충분히 쓸 만하다.

🛠️ 개발 경험(DX) 비교

설정 & 배포 경험

세 플랫폼 모두 GitHub 연결 후 자동 배포까지 5분이면 된다. 차이는 그다음부터다.

DX 항목 Vercel Netlify Cloudflare Pages
초기 설정 난이도 🏆 매우 쉬움 쉬움 보통
대시보드 UX 🏆 깔끔, 직관적 좋음 복잡할 수 있음
로컬 개발 CLI vercel dev 🏆 netlify dev (성숙) wrangler
환경변수 관리 🏆 환경별 세분화 좋음 좋음
PR 미리보기 댓글 ✅ GitHub PR에 자동 ✅ 자동 ✅ 자동
빌드 로그 실시간 ✅ ✅ ✅
폼 처리 기능 ❌ 없음 🏆 Netlify Forms 내장 ❌ 없음 (Workers로 직접)

🎯 상황별 선택 가이드

상황 추천 플랫폼 이유
Next.js SaaS 앱 Vercel ISR, PPR, RSC 완전 지원. Next.js와 함께 진화
개인 포트폴리오 / 블로그 Cloudflare Pages 무료 대역폭 무제한, 빠른 글로벌 CDN
마케팅 사이트 + 폼 Netlify Netlify Forms, CMS 통합, 성숙한 생태계
글로벌 트래픽, 비용 절약 Cloudflare Pages 대역폭 무제한, Workers KV, D1 DB 무료
팀 협업, 스타트업 Vercel / Netlify 팀 기능, 미리보기 배포, 협업 도구
Astro / Remix / SvelteKit Netlify / Cloudflare 어댑터 성숙도, 비용 효율
Edge DB/KV 필요 Cloudflare Pages Workers KV, D1, R2 Storage 무료 티어 풍부

🏆 최종 결론 & 추천

세 플랫폼을 한 줄로 정리하면 이렇다.

⚫
Vercel

Next.js 팀의 1순위 선택
최고의 DX, 하지만 비용 주의

🟡
Netlify

다양한 프레임워크 & 폼 처리
성숙한 생태계, 합리적 가격

🟠
Cloudflare Pages

글로벌 성능 & 무제한 대역폭
인디해커/개인 개발자의 선택

Next.js로 SaaS를 만든다면 Vercel을 택하라. 비용이 걱정되거나 트래픽이 많다면 Cloudflare Pages를 진지하게 고려하라. Netlify는 Next.js 외 프레임워크를 사용하거나 폼 기능이 필요할 때 빛난다.

나의 경우, 개인 프로젝트는 Cloudflare Pages, 팀/클라이언트 Next.js 프로젝트는 Vercel, 마케팅 페이지는 Netlify를 조합해서 사용하고 있다.

관련 글

❓ 자주 묻는 질문 (FAQ)

Q. Vercel 무료 티어로 사이드 프로젝트를 운영해도 될까요?

개인 프로젝트라면 가능하다. 단, Vercel Hobby 플랜은 상업적 용도가 허용되지 않는다. 트래픽이 많아지면 대역폭 초과 비용이 생길 수 있으니 월 100GB를 기준으로 계획하자.

Q. Cloudflare Pages가 무료 대역폭이 무제한인 이유가 뭔가요?

Cloudflare는 자사 글로벌 네트워크 인프라 비용이 매우 낮다. Pages에서 트래픽을 늘려 Cloudflare의 다른 유료 서비스(Workers, KV, D1 등)로 유도하는 전략이다. 대역폭 자체로는 돈을 버는 구조가 아니다.

Q. Netlify에서 Vercel로 마이그레이션하기 어렵나요?

Next.js 프로젝트라면 거의 zero-config다. netlify.toml 설정을 제거하고 Vercel에 GitHub 레포를 연결하면 된다. 단, Netlify Forms를 사용 중이라면 별도 폼 처리 서비스(Formspree, Web3Forms 등)로 교체해야 한다.

Q. Next.js가 아닌 Astro 프로젝트라면 어디에 배포해야 하나요?

Cloudflare Pages 또는 Netlify가 좋다. Astro는 공식 어댑터를 제공하며, 특히 Cloudflare Pages는 Astro의 정적 출력과 궁합이 잘 맞는다. 비용도 저렴하고 글로벌 CDN도 빠르다.

Q. 세 플랫폼의 무료 티어로 실제 서비스를 운영할 수 있나요?

Cloudflare Pages는 무료 티어가 가장 넉넉하다. 무제한 대역폭, 500번/일 빌드, Workers 100K 요청/일이 무료다. 개인 블로그나 포트폴리오라면 무기한 무료로 운영할 수 있다. Vercel과 Netlify는 트래픽이 늘면 비용이 발생한다.

🔗 참고 링크

댓글

댓글 쓰기