Vercel vs Cloudflare Pages: Free Plan Limits and Practical Choice
Compare Vercel and Cloudflare Pages free plan limits, cost triggers, SEO impact, and practical choices for static sites and Next.js apps.
Vercel vs Cloudflare Pages: cout, performance et DX en 2026
Verdict
Au premier deploiement, Vercel et Cloudflare Pages se ressemblent beaucoup. On connecte un depot Git, on pousse le code, on obtient une preview et on sert le site sur un reseau mondial. La vraie difference arrive avec les fonctions dynamiques, les compteurs de facturation et le travail en equipe. Vercel rassemble Next.js, previews, optimisation d images, ISR, logs et analytics. Cloudflare Pages donne acces a un ecosysteme edge: DNS, CDN, Workers, D1, KV, R2 et regles de cache.
Cout
Vercel Hobby est gratuit et Pro commence a 20 dollars par mois plus l usage. Les quotas officiels incluent par exemple 1M edge requests et 100GB de fast data transfer en Hobby, puis 10M edge requests et 1TB de transfer en Pro avant facturation supplementaire. Dans une app reelle, il faut surveiller data transfer, image transformations, active CPU, provisioned memory, invocations, ISR reads, ISR writes et build minutes.
Cloudflare Pages est tres fort pour le statique. Le plan Free indique 500 builds par mois, 1 build concurrent, 100 domaines personnalises par projet et 20,000 fichiers. Le dynamique passe par Pages Functions ou Workers. Workers offre 100,000 requests par jour et 10ms CPU par request en gratuit; le payant est autour de 0.30 dollar par million de requests et 0.02 dollar par million de CPU ms. D1, R2, KV et Durable Objects ajoutent leurs propres compteurs.
Performance
Pour des assets statiques, les deux plateformes sont rapides. La difference vient des cache misses. Cloudflare permet de placer logique, cache, routing et stockage pres de l utilisateur. Vercel donne un chemin tres propre pour les apps Next.js: App Router, images, ISR, previews, logs et Speed Insights.
Experience developpeur
Vercel est plus simple pour une equipe produit. Chaque pull request a une URL, les rollbacks sont visibles, les variables d environnement sont faciles a gerer et les non-specialistes peuvent valider. Cloudflare demande plus de culture infrastructure, mais donne beaucoup de controle. Wrangler automatise bien les deploiements; Workers, D1 et R2 permettent des architectures economiques. Pour du SSR complexe, il faut verifier le runtime Workers, OpenNext et les APIs Node disponibles.
Recommandation
Choisissez Cloudflare Pages pour blogs, docs, landing pages, sites publics et outils largement caches. Choisissez Vercel pour SaaS Next.js, dashboards authentifies, collaboration frequente et besoin de previews fiables. A grande echelle, il est logique de separer: Cloudflare pour DNS, statique, assets et edge rules; Vercel pour l application principale.
FAQ
Cloudflare est-il moins cher
Souvent pour le statique. Pour le dynamique, la facture depend de Workers, D1, R2, KV et du trafic.
Vercel est-il obligatoire pour Next.js
Non. Il est surtout le chemin le plus fluide pour les fonctions avancees et les previews.
Lequel est plus rapide
Pour le statique, les deux. Cloudflare domine le controle edge; Vercel simplifie la livraison Next.js.
Que surveiller sur Vercel
Transfer, images, CPU de fonctions, memoire, invocations, ISR et build minutes.
Que surveiller sur Cloudflare
Workers requests, CPU time, D1 rows, R2 operations, KV usage et builds.
Le meilleur choix
Cloudflare Pages pour contenu statique sensible au cout; Vercel pour produit Next.js centre sur la vitesse d equipe.
Useful internal links: Core Web Vitals guide, Next.js metadata guide, DNS setup guide, Cloudflare Pages hosting guide, Tailwind CSS 4 guide.
Sources: Vercel Pricing, Cloudflare Pages Limits, Cloudflare Workers Pricing.
🔧 Related Free Tools
Connexe
Guide complet de l hebergement gratuit Cloudflare Pages - guide pratique Million...
SEO · Web DevGuide SEO 2026 pour robots.txt et sitemap.xmlGuide SEO 2026 pour robots.txt et sitemap.xml - guide pratique MillionsCode avec...
SEO · Web DevGuide complet 2026 de Google Search Console — Maîtriser l’optimisation pour la recherche et le dépannageGuide complet 2026 de Google Search Console — Maîtriser l’optimisation pour la r...
SEO · Web DevGuide complet 2026 de la Google Indexing API — Indexation instantanée et synthèse complète d'utilisationGuide complet 2026 de la Google Indexing API — Indexation instantanée et synthès...