Quand on développe un site avec Next.js, Astro ou Hugo, la question de l’hébergement se pose différemment d’un site WordPress classique. Pas besoin de serveur PHP, pas de base de données MySQL à gérer — il faut une plateforme capable de builder, distribuer et servir des fichiers statiques (et parfois des fonctions serverless) à l’échelle mondiale. Trois acteurs dominent ce marché : Vercel, Netlify et Cloudflare Pages.
Après avoir déployé des dizaines de projets sur ces trois plateformes, je vous livre un comparatif détaillé, chiffres à l’appui, pour vous aider à choisir celle qui correspond réellement à vos besoins.
Qu’est-ce que le JAMstack et pourquoi ça change tout
Le JAMstack (JavaScript, APIs, Markup) est une architecture qui pré-génère les pages HTML au moment du build plutôt qu’à chaque requête. Résultat : des temps de chargement fulgurants, une sécurité renforcée (pas de serveur exposé) et une scalabilité naturelle grâce au CDN.
Concrètement, votre site est buildé une fois, puis distribué sur des centaines de points de présence (PoPs) dans le monde. Un visiteur à Tokyo charge votre page depuis un serveur japonais, un visiteur à Paris depuis un serveur français. Pas de goulot d’étranglement, pas de base de données surchargée.
Les trois plateformes que nous comparons aujourd’hui sont les leaders de cet écosystème. Chacune a ses forces, ses limites et ses cas d’usage privilégiés.
Tableau comparatif synthétique
| Critère | Vercel | Netlify | Cloudflare Pages |
|---|---|---|---|
| Offre gratuite | 100 Go bande passante | 100 Go bande passante | Bande passante illimitée |
| Builds/mois (gratuit) | 6 000 min | 300 min | 500 builds |
| Temps build max | 45 min | 30 min | 20 min |
| Edge Functions | Oui (Edge Runtime) | Oui (Edge Functions) | Oui (Workers) |
| Serverless Functions | Oui (Node.js, Go, Python) | Oui (Node.js, Go) | Via Workers |
| Custom domains | Illimité | Illimité | Illimité |
| HTTPS automatique | Oui (Let’s Encrypt) | Oui (Let’s Encrypt) | Oui (Cloudflare SSL) |
| Preview deploys | Oui (par branche/PR) | Oui (par branche/PR) | Oui (par branche) |
| Prix équipe (pro) | 20 $/membre/mois | 19 $/membre/mois | 0 $ (Workers payant séparé) |
| Framework privilégié | Next.js | Agnostique | Agnostique |
| Réseau CDN | ~100 PoPs | ~100 PoPs | ~300+ PoPs |
Vercel : la référence pour Next.js
Vercel, c’est l’entreprise derrière Next.js. Ce lien direct entre le framework et la plateforme d’hébergement se ressent à chaque déploiement : les optimisations sont natives, profondes et souvent impossibles à reproduire ailleurs.
Points forts
- Intégration Next.js parfaite : ISR (Incremental Static Regeneration), Server Components, Image Optimization — tout fonctionne nativement sans configuration supplémentaire. Si vous développez en Next.js, Vercel exploite chaque fonctionnalité du framework sans friction.
- Previews instantanés : chaque pull request génère un environnement de prévisualisation avec une URL unique. L’intégration avec GitHub est fluide et les commentaires de déploiement apparaissent directement dans la PR.
- Analytics intégrés : Web Vitals (LCP, FID, CLS) mesurés en conditions réelles depuis les navigateurs de vos visiteurs — pas des données de laboratoire.
- Edge Middleware : exécutez du code à la périphérie du réseau avant même que la requête n’atteigne votre application. Idéal pour la géolocalisation, l’A/B testing ou la réécriture d’URL.
Points faibles
- Coût en croissance : l’offre gratuite est généreuse pour commencer, mais le passage au plan Pro (20 $/mois par membre) arrive vite dès qu’on travaille en équipe. Les dépassements de bande passante (1 To inclus en Pro) sont facturés 40 $/100 Go.
- Vendor lock-in subtil : certaines fonctionnalités Next.js comme le cache avancé ou le middleware sont optimisées spécifiquement pour Vercel. Migrer vers un autre hébergeur demande parfois de réécrire une partie du code.
- Builds limités en gratuit : 6 000 minutes semblent généreuses, mais un projet Next.js complexe peut consommer 5 à 10 minutes par build. À raison de vingt déploiements par jour, le quota fond vite.
Pour qui ?
Vercel est le choix évident si vous développez en Next.js et que vous voulez exploiter tout le potentiel du framework sans compromis. Pour un blog personnel ou un site vitrine, c’est excessif — mais pour une application web avec du SSR, de l’ISR et des fonctions serveur, c’est actuellement la meilleure expérience développeur du marché.
Netlify : le pionnier polyvalent
Netlify a popularisé le concept même de JAMstack. La plateforme a été pensée dès le départ pour simplifier le déploiement de sites statiques, et elle a su évoluer avec l’écosystème en ajoutant des fonctions serverless, des formulaires intégrés et un système d’identité.
Points forts
- Agnostique : Netlify supporte aussi bien Next.js qu’Astro, Hugo, Gatsby, Eleventy ou n’importe quel générateur de site statique. Pas de favoritisme, chaque framework est traité avec la même attention.
- Formulaires natifs : Netlify détecte automatiquement les formulaires HTML de votre site et les gère sans backend. C’est une fonctionnalité unique qui évite de recourir à un service tiers pour un simple formulaire de contact.
- Netlify Identity : un système d’authentification intégré (jusqu’à 1 000 utilisateurs gratuits) qui permet d’ajouter des espaces membres sans configurer un service externe comme Auth0.
- Split testing : testez deux versions d’un site en répartissant le trafic entre deux branches Git, directement depuis le dashboard.
- Plugins communautaires : un écosystème de plugins qui étendent les fonctionnalités (cache, optimisation images, sitemap automatique).
Points faibles
- Builds limités en gratuit : seulement 300 minutes par mois, c’est le quota le plus restrictif des trois. Un site Hugo build en 2 secondes ne posera pas de problème, mais un projet Next.js à 5 minutes par build sera limité à soixante déploiements mensuels.
- Performances CDN : le réseau de Netlify compte environ cent points de présence, contre plus de trois cents pour Cloudflare. En pratique, la différence se ressent surtout en Asie et en Amérique du Sud.
- Fonctions serverless limitées : 125 000 requêtes par mois en gratuit avec un timeout de 10 secondes. Pour des traitements lourds, c’est insuffisant.
- Next.js en retard : le support de Next.js passe par un plugin communautaire qui n’implémente pas toujours les dernières fonctionnalités aussi rapidement que Vercel.
Pour qui ?
Netlify est idéal pour les développeurs qui travaillent avec Hugo, Astro ou Eleventy et qui veulent une plateforme simple, bien documentée, avec des fonctionnalités intégrées (formulaires, identité). C’est aussi un excellent choix pour les agences qui gèrent plusieurs projets avec des frameworks différents.
Cloudflare Pages : le challenger aux arguments massue
Cloudflare Pages est le dernier arrivé des trois, mais il bouleverse l’équation avec un argument imparable : la bande passante illimitée et gratuite. Adossé au plus grand réseau CDN du monde (plus de trois cents points de présence), Cloudflare Pages offre des performances de distribution que les deux autres ne peuvent pas égaler.
Points forts
- Bande passante illimitée : aucun compteur, aucune surprise sur la facture. Que votre site reçoive mille ou un million de visiteurs par mois, le coût reste le même — zéro euro.
- Réseau CDN le plus étendu : avec plus de trois cents PoPs répartis dans le monde entier, Cloudflare offre les meilleurs temps de réponse sur tous les continents. La latence moyenne est inférieure à 50 ms pour 95 % de la population mondiale connectée.
- Workers intégrés : les Cloudflare Workers permettent d’exécuter du code JavaScript à la périphérie du réseau avec des temps de démarrage à froid quasi nuls (moins de 5 ms). Plus rapide que les fonctions serverless classiques de Vercel ou Netlify.
- Écosystème Cloudflare : Pages s’intègre naturellement avec R2 (stockage objet), D1 (base de données SQLite edge), KV (key-value store) et Queues. Un véritable écosystème full-stack à la périphérie.
- Zéro coût pour les projets personnels : le plan gratuit est le plus généreux des trois, sans piège ni limite cachée sur la bande passante.
Points faibles
- Limite de 500 builds par mois : Cloudflare compte en nombre de builds et non en minutes. Pour un site avec des déploiements fréquents (CI/CD sur chaque commit), cette limite peut être atteinte rapidement.
- Temps de build max de 20 minutes : le plus court des trois. Les gros projets Next.js avec des centaines de pages peuvent dépasser cette limite.
- Écosystème Workers spécifique : les Workers utilisent un runtime V8 isolé, pas Node.js. Certaines bibliothèques npm ne sont pas compatibles, ce qui demande parfois des adaptations.
- Dashboard moins mature : l’interface de gestion est fonctionnelle mais moins polie que celles de Vercel ou Netlify. Les logs de build sont parfois difficiles à exploiter.
- Pas de formulaires ni d’identité intégrés : contrairement à Netlify, il faut gérer ces fonctionnalités soi-même via Workers ou des services tiers.
Pour qui ?
Cloudflare Pages est le choix rationnel pour les sites à fort trafic où la bande passante représente un coût significatif. C’est aussi la plateforme idéale pour les développeurs qui veulent exploiter l’écosystème edge de Cloudflare (Workers, R2, D1). Pour un blog Hugo ou un site Astro sans fonctions serveur complexes, c’est objectivement la meilleure option coût/performance.
Comparatif détaillé : performances de build
Le temps de build est un facteur souvent sous-estimé. Chaque seconde compte quand vous déployez vingt fois par jour.
| Framework | Vercel | Netlify | Cloudflare Pages |
|---|---|---|---|
| Next.js (100 pages) | ~45 s | ~60 s | ~55 s |
| Hugo (500 pages) | ~8 s | ~10 s | ~12 s |
| Astro (200 pages) | ~25 s | ~30 s | ~28 s |
| Cache build | Agressif | Modéré | Basique |
Vercel se distingue par son cache de build particulièrement efficace : les pages non modifiées ne sont pas rebuildées, ce qui réduit drastiquement les temps de déploiement sur les gros projets.
Hugo reste extrêmement rapide quelle que soit la plateforme, avec des builds sous les dix secondes même pour plusieurs centaines de pages. C’est un atout majeur quand le quota de builds est limité.
Edge Functions : le nouveau champ de bataille
Les edge functions permettent d’exécuter du code au plus près de l’utilisateur, sans passer par un serveur centralisé. C’est la fonctionnalité qui différencie le plus les trois plateformes.
Vercel Edge Middleware
Le middleware Vercel s’exécute avant chaque requête et permet de réécrire des URL, rediriger des utilisateurs ou personnaliser le contenu en fonction de la géolocalisation. Il utilise le Edge Runtime de Vercel, compatible avec un sous-ensemble des API Web standards.
Netlify Edge Functions
Netlify utilise Deno comme runtime pour ses edge functions. L’avantage : une compatibilité TypeScript native et un modèle de sécurité par permissions. L’inconvénient : l’écosystème Deno est plus restreint que Node.js.
Cloudflare Workers
Les Workers sont les plus matures et les plus performants. Avec un temps de démarrage à froid quasi nul et un réseau de plus de trois cents PoPs, ils offrent la meilleure latence. Le runtime V8 est cependant différent de Node.js, ce qui peut poser des problèmes de compatibilité.
Quel hébergeur JAMstack choisir selon votre projet
Vous développez en Next.js
Choisissez Vercel. L’intégration est native, les optimisations sont automatiques et l’expérience développeur est inégalée. Le surcoût par rapport aux alternatives est justifié par le gain de temps et la fiabilité.
Vous développez en Hugo ou Eleventy
Choisissez Cloudflare Pages. Vos builds sont rapides (quelques secondes), vous n’avez pas besoin de fonctions serveur complexes et la bande passante illimitée vous protège contre les pics de trafic.
Vous gérez plusieurs projets avec des frameworks différents
Choisissez Netlify. Sa polyvalence, ses formulaires intégrés et son écosystème de plugins en font la plateforme la plus flexible pour une agence ou un freelance qui jongle entre les technologies.
Vous avez un site à très fort trafic
Choisissez Cloudflare Pages. Zéro coût de bande passante, le plus grand réseau CDN du monde et des Workers performants pour le contenu dynamique à la périphérie.
Vous êtes étudiant ou hobbyiste
Choisissez Cloudflare Pages. L’offre gratuite est la plus généreuse (bande passante illimitée) et suffira pour la grande majorité des projets personnels.
Migrer d’une plateforme à l’autre
L’un des avantages du JAMstack est la portabilité. Votre code source reste le même — seule la configuration de déploiement change. Voici ce qu’il faut adapter lors d’une migration :
- Variables d’environnement : les noms et le format peuvent différer
- Fichiers de configuration :
vercel.json,netlify.tomlouwrangler.tomlselon la plateforme - Redirections : chaque plateforme a sa propre syntaxe (fichier
_redirectspour Netlify, objetredirectspour Vercel) - Fonctions serverless : c’est le point de friction principal, car les runtimes et les API diffèrent
Pour un site purement statique (Hugo, Astro sans SSR), la migration se fait en moins d’une heure. Pour un projet Next.js avec du SSR et des fonctions serveur, comptez une journée de travail.
Conclusion : trois excellentes plateformes, trois philosophies
Vercel mise tout sur l’expérience développeur et l’intégration Next.js. Netlify joue la carte de la polyvalence et des fonctionnalités intégrées. Cloudflare Pages casse les prix avec une bande passante illimitée et le réseau CDN le plus étendu.
Il n’y a pas de mauvais choix — seulement des choix plus ou moins adaptés à votre contexte. L’important est de choisir en fonction de votre framework principal, de votre volume de trafic et de votre budget, plutôt que de suivre la tendance du moment.