Khi build app frontend hiện đại, câu hỏi Cloudflare Pages vs Vercel (vs Netlify) xuất hiện sớm. Bài này so sánh ba nền tảng theo cách chạy Next.js, edge function và hệ sinh thái.
Vercel - Next.js native
Mạnh:
- Next.js team chính build -> mọi feature support đầu tiên (App Router, Server Components, ISR)
- Image optimization built-in qua /_next/image
- Preview deploy mỗi PR có URL riêng
- Analytics + Speed Insights tích hợp
- Setup 5 phút, push code là deploy
Yếu:
- Function execution charge per ms
- Lock-in cao với Next.js - middleware, ISR khó migrate
- Không có DB managed mạnh (Vercel Postgres mới, đắt hơn Neon trực tiếp)
Best for: startup giai đoạn ý tưởng đến PMF, app Next.js dưới 1M user.
Cloudflare Pages - cost-effective scale
Mạnh:
- Bandwidth gần như unlimited (free + Pro)
- Workers cold start 5ms, có thể chạy compute tại 300+ POP toàn cầu
- D1 SQLite, KV, Durable Objects - full BaaS edge
- Pricing dễ predict, không charge per-function-ms
Yếu:
- Next.js full features cần adapter (@cloudflare/next-on-pages) - không native như Vercel
- ISR phức tạp - phải implement qua KV cache
Best for: site nhiều bandwidth (blog, e-commerce, media), edge API toàn cầu, team đã quen ecosystem CF.
Netlify - feature-rich
Mạnh:
- Forms - handle form submission không cần backend
- Identity - auth built-in
- Edge Functions chạy Deno - nhanh, modern
- Build plugin ecosystem phong phú
- Analytics server-side (no JS, không bị adblock)
Yếu:
- Cold start function chậm hơn 2 platform kia
Best for: JAMstack site cần Forms, Identity tích hợp; team không muốn maintain backend riêng.
Khuyến cáo thực tế
- MVP Next.js -> Vercel free. Setup nhanh, focus product.
- Site nội dung scale (blog, news, e-commerce) -> Cloudflare Pages. Bandwidth không lo.
- JAMstack với Forms -> Netlify nếu cần Forms/Identity built-in.
- API edge toàn cầu -> Cloudflare Workers độc lập (không cần Pages).
- Static export -> CF Pages, ko lock-in.
Kết luận
Không có winner tuyệt đối - Cloudflare Pages vs Vercel khác use case. Vercel cho Next.js DX tốt nhất; CF Pages scale rẻ nhất; Netlify rich feature. Đọc thêm CDN là gì để hiểu vì sao edge mạng quan trọng cho TTFB.
