두 플랫폼 모두 써본 입장에서

프론트엔드 프로젝트를 배포할 때 Vercel과 Cloudflare Pages 사이에서 고민하시는 분들 많을 겁니다. 저는 지난 1년간 Vercel로 5개 프로젝트, Cloudflare Pages로 3개 프로젝트를 운영해봤습니다. 각각의 장단점을 실사용 기준으로 정리합니다.

배포 경험 – 둘 다 훌륭하지만 방향이 다르다

Vercel은 Next.js 생태계와의 통합이 압도적입니다. git push 한 번이면 빌드부터 배포까지 자동으로 됩니다. next.config.js의 설정을 알아서 읽고 최적화해줍니다.

`# Vercel 배포 (CLI) npx vercel --prod

Cloudflare Pages 배포 (CLI)

npx wrangler pages deploy ./dist --project-name=my-project` Cloudflare Pages는 프레임워크 중립적입니다. React, Vue, Svelte, Astro 뭘 쓰든 동일한 경험을 줍니다. 2026년 들어 빌드 속도도 많이 빨라졌고, 특히 정적 사이트 배포는 Cloudflare가 더 빠릅니다.

서버리스 함수(Edge Functions)

여기서 큰 차이가 납니다.

• Vercel: Edge Functions + Serverless Functions 이원화. Node.js 런타임 지원. 콜드 스타트가 있지만 Pro 플랜에서 개선됨.

• Cloudflare Workers: V8 isolate 기반으로 콜드 스타트가 사실상 없음. 단, Node.js API 호환성이 완벽하지 않음.

제 경험상 Cloudflare Workers에서 특정 npm 패키지가 안 돌아가서 고생한 적이 있습니다. node:crypto 같은 Node 빌트인 모듈 지원이 점점 좋아지고 있지만, 아직 100%는 아닙니다.

가격 비교 (2026년 2월 기준)

개인/소규모 프로젝트 기준입니다:

• Vercel Free: 월 100GB 대역폭, Serverless 실행 100시간

• Cloudflare Pages Free: 무제한 대역폭, Workers 일 10만 요청

무료 티어에서 Cloudflare가 훨씬 넉넉합니다. 대역폭 무제한은 정말 큽니다. Vercel Pro가 월 $20인 반면 Cloudflare Workers Paid는 월 $5부터 시작합니다.

성능 – CDN과 응답 속도

한국 기준 속도 테스트 결과입니다 (정적 페이지 TTFB):

• Vercel: 평균 45ms (서울 엣지)

• Cloudflare Pages: 평균 25ms (서울 PoP)

Cloudflare가 CDN 네트워크 자체의 규모가 더 크다 보니, 정적 콘텐츠 전송 속도에서 우위를 보입니다. 다만 동적 API 응답은 케이스 바이 케이스입니다.

DX(개발자 경험)

Vercel의 대시보드와 로그 시스템은 정말 잘 만들었습니다. 배포별 프리뷰 URL, 실시간 로그, 애널리틱스까지 한눈에 보입니다. Cloudflare 대시보드도 개선되고 있지만, Vercel의 DX에는 아직 못 미칩니다.

결론 – 어떤 상황에서 뭘 쓸까

Vercel 추천: Next.js 프로젝트, 빠른 프로토타이핑, DX를 중시할 때

Cloudflare Pages 추천: 비용 민감한 프로젝트, 글로벌 성능 최적화, 정적 사이트, Cloudflare 생태계(R2, D1, KV) 활용 시

저는 최근 새 프로젝트를 Cloudflare Pages로 시작하는 비율이 늘고 있습니다. 가격 대비 성능이 너무 좋거든요.