Je déploie des sites Next.js et Astro en production pour des clients depuis 2020. Chaque année, la conversation sur la tarification devient plus compliquée — non pas parce que les plateformes sont plus chères (bien que certaines le soient), mais parce que les modèles de facturation continuent à évoluer d'une manière qui rend les comparaisons loyales vraiment difficiles.

Le mois dernier, j'ai épluché les factures de trois plateformes sur neuf projets clients et j'ai fait les calculs. Pas les calculs du « calculateur sur leur page de tarification ». Les vrais calculs. Les calculs du « pourquoi cette facture est-elle de 340 $ alors que j'ai estimé 80 $ ».

Cet article contient tout ce que j'ai appris. Si vous choisissez entre Vercel, Netlify et Cloudflare Pages pour un déploiement en production en 2026, cela devrait vous épargner quelques surprises douloureuses.

Tarification Vercel en 2026 : Coûts réels vs Netlify & Cloudflare Pages

Table des matières

Pourquoi la tarification des plateformes est plus compliquée qu'il n'y paraît

Chaque plateforme veut que vous regardiez leur couche gratuite et pensiez « c'est essentiellement gratuit ». Et pour un blog personnel ou un projet parallèle, c'est effectivement le cas. Le problème commence quand vous avez du vrai trafic, de vraies routes dynamiques et de vrais besoins métier.

Voici ce qui rend la comparaison délicate :

  • Les unités de facturation diffèrent. Vercel facture les invocations de fonction et le temps d'exécution. Netlify facture les « exécutions de fonction sans serveur » avec une définition différente. Cloudflare facture les requêtes Workers. Ce ne sont pas la même chose.
  • Les définitions de la bande passante varient. Certaines plateformes comptent les accès au cache edge. D'autres non. Certains facturent la bande passante d'optimisation d'image séparément.
  • Les dépassements c'est où se fait l'argent. Le plan de base peut être 20 $/mois, mais un pic de trafic peut silencieusement multiplier votre facture par 5.

J'ai vu des équipes choisir Vercel parce que « ça fonctionne super avec Next.js » sans réaliser que leur architecture riche en ISR générerait 2M invocations de fonction par mois. Ce n'est pas hypothétique — c'était l'un de nos clients de développement Next.js l'année dernière.

Analyse de la tarification Vercel 2026

Vercel a mis à jour sa structure tarifaire à la fin de 2025, et le modèle actuel (à partir de Q1 2026) ressemble à ceci :

Niveaux de plan

| Plan | Coût mensuel | Membres de l'équipe | Bande passante | Exécutions de fonction sans serveur | Invocations de fonction Edge | Minutes de compilation | |------|-------------|-------------|-----------|-------------------------------|--------------------------|---------------|--------| | Hobby | $0 | 1 | 100 GB | 100K | 500K | 6 000/mois | | Pro | $20/membre | Jusqu'à 10 | 1 TB | 1M | 1M inclus | 24 000/mois | | Enterprise | Personnalisé | Illimité | Personnalisé | Personnalisé | Personnalisé | Personnalisé |

Ce qui coûte réellement de l'argent

Le plan Pro à $20/membre/mois est où atterrissent la plupart des sites en production. Mais voici où ça devient intéressant :

  • Bande passante supplémentaire : $40 pour 100 GB supplémentaires après les 1 TB inclus
  • Exécutions de fonction sans serveur supplémentaires : $6 pour 1M supplémentaires après le premier 1M
  • Invocations de fonction Edge supplémentaires : $2 pour 1M
  • Edge Middleware : S'exécute sur chaque requête par défaut. Si vous utilisez le middleware pour les vérifications d'authentification ou les redirections, chaque visualisation de page le déclenche.
  • Optimisation d'image : 5 000 images source incluses sur Pro ; $5 pour 1 000 images source supplémentaires
  • Web Analytics : Inclus, mais Advanced Analytics commence à $10/projet/mois
  • Protection DDoS & WAF : Uniquement sur Enterprise

Le piège des fonctions sans serveur

C'est celui-ci qui attrape les gens. Dans un projet Next.js App Router, chaque page.tsx qui utilise les composants serveur, chaque route API, chaque Server Action — ceux-ci comptent tous comme des invocations de fonction sans serveur. Un seul chargement de page peut déclencher plusieurs invocations de fonction si vous avez une récupération de données parallèle.

J'ai audité un projet client le trimestre dernier et j'ai découvert qu'une seule page produit générait 4 invocations de fonction par visite : une pour la mise en page, une pour les données du produit, une pour les recommandations et une pour le statut d'inventaire. À 200K pages vues par mois, c'est 800K invocations de fonction à partir d'une seule page.

// Chacun de ceux-ci génère une invocation de fonction séparée sur Vercel
// app/products/[slug]/page.tsx
export default async function ProductPage({ params }) {
  const product = await getProduct(params.slug); // invocation 1
  const recommendations = await getRecommendations(params.slug); // invocation 2
  const inventory = await getInventory(params.slug); // invocation 3
  
  return <ProductView product={product} recommendations={recommendations} inventory={inventory} />;
}

Vous pouvez regrouper ceux-ci, mais les modèles par défaut dans la plupart des tutoriels ne le font pas.

Changements de tarification Vercel 2025-2026

Vercel a apporté un changement notable à la fin de 2025 en introduisant « Fluid Compute » comme modèle d'exécution par défaut, remplaçant l'ancienne approche sans serveur par invocation par un modèle plus semblable à un conteneur qui garde les fonctions chaudes plus longtemps. Cela réduit réellement les coûts pour les applications avec du trafic constant, mais les modèles de trafic saccadés sont toujours frappés durement.

Ils ont également introduit des plafonds de dépenses sur les plans Pro — vous pouvez maintenant définir une dépense mensuelle maximale, ce qui est vraiment utile. Avant cela, les factures incontrôlées étaient une vraie préoccupation.

Tarification Vercel en 2026 : Coûts réels vs Netlify & Cloudflare Pages - architecture

Analyse de la tarification Netlify 2026

Netlify a restructuré sa tarification au début de 2025 et l'a maintenue relativement stable dans 2026.

Niveaux de plan

| Plan | Coût mensuel | Membres de l'équipe | Bande passante | Fonctions sans serveur | Fonctions Edge | Minutes de compilation | |------|-------------|-------------|-----------|---------------------|---------------|---------------|--------| | Starter | $0 | 1 | 100 GB | 125K invocations | Illimité | 300/mois | | Pro | $19/membre | Jusqu'à 10 | 1 TB | 2M invocations | Illimité | 25 000/mois | | Enterprise | Personnalisé | Illimité | Personnalisé | Personnalisé | Personnalisé | Personnalisé |

Ce qui coûte réellement de l'argent

  • Bande passante supplémentaire : $55 pour 100 GB (oui, plus cher que Vercel)
  • Invocations de fonction sans serveur supplémentaires : $7,50 pour 1M
  • Stockage des médias volumineux : $2,50 par 100 GB
  • Formulaires : 100 soumissions/mois sur Starter ; supplémentaire à $19/site/mois pour 1 000 soumissions
  • Identité (Auth) : 1 000 utilisateurs actifs gratuits ; $99/site/mois pour 10 000
  • Analytics : $9/site/mois

Les forces et faiblesses de Netlify

Les fonctions edge illimitées de Netlify sur tous les plans payants est vraiment bien. Si votre architecture repose fortement sur la logique edge — routage basé sur la géolocalisation, test A/B à la périphérie, vérification du jeton d'authentification — Netlify ne vous facturera pas de frais supplémentaires pour cela.

La faiblesse ? Les fonctions sans serveur de Netlify s'exécutent sur AWS Lambda, et les démarrages à froid sont notablement pires qu'avec Vercel dans mes tests (moyenne de 300-500ms vs environ 100-200ms de Vercel pour des fonctions Node.js comparables début 2026).

En outre, le support Next.js de Netlify, bien qu'amélioré significativement avec leur runtime v5, reste derrière le support natif de Vercel. Des fonctionnalités comme Partial Prerendering et Server Actions fonctionnent, mais j'ai rencontré des cas limites qui nécessitaient des solutions de contournement. Si vous faites du développement de CMS découplé avec un frontend Next.js, cela compte.

Analyse de la tarification Cloudflare Pages 2026

Cloudflare Pages est le mouton noir ici, et à bien des égards, l'option la plus intéressante.

Niveaux de plan

Plan Coût mensuel Membres de l'équipe Bande passante Requêtes Workers Opérations KV Minutes de compilation
Free $0 Illimité Illimité 100K/jour 100K lectures/jour 500/mois
Pro $20/mois (forfaitaire) Illimité Illimité 10M/mois 1B lectures/mois 5 000/mois
Business $200/mois Illimité Illimité 50M/mois 5B lectures/mois 20 000/mois

L'avantage de la bande passante

Relisez ce tableau. Bande passante illimitée sur tous les plans, y compris gratuit. C'est l'avantage décisif de Cloudflare. Si vous gérez un site riche en médias ou servez beaucoup d'images et de vidéos, les économies de bande passante seules peuvent représenter des centaines de dollars par mois.

Ce qui coûte réellement de l'argent

  • Requêtes Workers supplémentaires : $0,30 pour 1M après les limites du plan
  • Durable Objects : $0,15 pour 1M requêtes + frais de stockage
  • Stockage R2 (s'il est utilisé pour les ressources) : $0,015 par GB/mois, $4,50 pour 1M d'opérations Class A
  • Workers AI : Paiement à l'utilisation, varie selon le modèle
  • Images : $5/mois pour 100K variantes ; $1 pour 100K supplémentaires

Le piège avec Cloudflare Pages

Voici où je dois être honnête : Cloudflare Pages s'exécute sur le runtime Workers, pas Node.js. Cela signifie :

  • Pas de module fs natif
  • Pas d'API Node.js natives (bien que la compatibilité s'est améliorée massivement avec le drapeau nodejs_compat)
  • Certains packages npm ne fonctionneront simplement pas
  • Le support Next.js via @cloudflare/next-on-pages ou l'adaptateur opennext plus récent fonctionne, mais ce n'est pas de première partie

Pour le développement Astro, Cloudflare Pages est en réalité excellent. L'adaptateur Astro pour Cloudflare est bien maintenu et l'histoire SSR est solide. Pour Next.js, c'est faisable mais vous heurterez des problèmes.

Comparaison des coûts côte à côte

Laissez-moi mettre des chiffres réels sur trois scénarios courants. Tous les prix sont mensuels, basés sur la tarification 2026.

| Métrique | Vercel Pro | Netlify Pro | Cloudflare Pro | |--------|-----------|------------|-------------|--------| | Coût de base (3 membres d'équipe) | $60 | $57 | $20 | | 2 TB bande passante | $60 + $40 = $100 | $57 + $55 = $112 | $20 | | 5M invocations de fonction | $60 + $24 = $84 | $57 + $22,50 = $79,50 | $20 | | 2 TB bande passante + 5M invocations | $124 | $134,50 | $20 | | Optimisation d'image (20K images) | +$75 | +$0 (utiliser externe) | +$5 | | Analytics | Inclus (basique) | +$9/site | Gratuit (basique via le tableau de bord CF) |

Cette colonne Cloudflare n'est pas une faute de frappe. Pour les sites lourds en bande passante avec un trafic modéré, Cloudflare Pages est dramatiquement moins cher.

Scénario réel : Site marketing avec 500K visiteurs mensuels

Un site marketing typique pour une entreprise de taille moyenne : 30 pages, contenu piloté par un CMS, formulaires de contact, peut-être un blog avec 200 articles. Génération statique avec un peu d'ISR pour le blog.

Hypothèses :

  • 500K pages vues/mois
  • 800 GB bande passante (images, polices, etc.)
  • 600K invocations de fonction sans serveur (ISR, gestion des formulaires, routes API)
  • 3 membres d'équipe
  • 1 000 soumissions de formulaires/mois

| | Vercel Pro | Netlify Pro | Cloudflare Pro | |---|-----------|------------|-------------|--------| | Plan de base | $60 | $57 | $20 | | Dépassement de bande passante | $0 | $0 | $0 | | Dépassement de fonction | $0 | $0 | $0 | | Formulaires | Service externe | $19 | Service externe | | Total | $60 | $76 | $20 |

À cette échelle, les trois sont assez abordables. Les différences commencent à compter quand vous augmentez l'échelle.

Scénario réel : Tableau de bord SaaS avec routes API lourdes

Une application de tableau de bord avec des utilisateurs authentifiés, des données en temps réel, beaucoup d'appels API. Pensez : tableau de bord analytique, outil de gestion de projet ou panneau d'administration.

Hypothèses :

  • 50K utilisateurs actifs
  • 8M pages vues/mois
  • 2,5 TB bande passante
  • 15M invocations de fonction
  • 5 membres d'équipe
  • Connexions WebSocket (le cas échéant)

| | Vercel Pro | Netlify Pro | Cloudflare Business | |---|-----------|------------|-------------|--------| | Plan de base | $100 | $95 | $200 | | Dépassement de bande passante | $600 | $825 | $0 | | Dépassement de fonction | $84 | $97,50 | $0 | | Total | $784 | $1 017,50 | $200 |

Maintenant les différences sont frappantes. Le modèle forfaitaire de Cloudflare avec bande passante illimitée brille absolument pour les applications dynamiques à fort trafic. Mais rappelez-vous — vous échangez des économies de coûts contre un environnement d'exécution plus limité.

Vercel vous pousserait probablement vers Enterprise à cette échelle, ce qui commence généralement autour de 1 500 $/mois mais inclut la protection DDoS, les garanties SLA et le support prioritaire.

Scénario réel : Vitrine e-commerce

Un site de commerce découplé utilisant Shopify ou similaire comme backend, avec un frontend Next.js ou Astro.

Hypothèses :

  • 200K visiteurs mensuels
  • 1,5M pages vues (comportement de navigation)
  • 1,8 TB bande passante (images de produits)
  • 8M invocations de fonction (pages produit, panier, commande, recherche)
  • 15 000 images source pour optimisation
  • 4 membres d'équipe

| | Vercel Pro | Netlify Pro | Cloudflare Pro | |---|-----------|------------|-------------|--------| | Plan de base | $80 | $76 | $20 | | Dépassement de bande passante | $320 | $440 | $0 | | Dépassement de fonction | $42 | $45 | $0 | | Optimisation d'image | $50 | Externe ($20-50) | $5 | | Total | $492 | $581-611 | $25 |

L'e-commerce est là où les coûts de bande passante mordent vraiment sur Vercel et Netlify. Même avec une mise en cache agressive, les images de produits consomment rapidement la bande passante.

Si vous construisez une vitrine découplée et que le coût est un facteur, Cloudflare Pages mérite une sérieuse considération — en supposant que votre framework de choix a un bon support Cloudflare. Consultez notre page de tarification si vous voulez de l'aide pour évaluer la bonne plateforme pour votre projet spécifique.

Coûts cachés dont personne ne parle

Déploiements d'aperçu

Tous les trois créent des déploiements d'aperçu pour les PR. Sur Vercel Pro, vous obtenez des déploiements d'aperçu illimités, mais ils consomment des minutes de compilation et des invocations de fonction. Une équipe active poussant 20 PR/jour avec des tests automatisés peut brûler rapidement les minutes de compilation.

Middleware et exécution Edge

Le middleware de Vercel s'exécute sur chaque requête correspondant à son motif. Si votre middleware vérifie l'authentification sur chaque route, c'est une invocation de fonction edge par requête. Sur un site avec 1M requêtes mensuelles, c'est 1M invocations de fonction edge juste pour le middleware. À $2 pour 1M, c'est pas cher — mais cela s'additionne lorsqu'il est combiné avec d'autres utilisations edge.

Tâches Cron

Vercel facture les invocations de tâche cron contre votre quota de fonction sans serveur. Si vous avez une tâche cron qui s'exécute chaque minute, c'est 43 200 invocations/mois à partir d'une seule tâche cron. Les fonctions planifiées de Netlify fonctionnent de manière similaire. Les Cron Triggers de Cloudflare sont inclus dans votre quota de requêtes Workers.

Minutes de compilation dans les Monorepos

Si vous exécutez un monorepo avec Turborepo, chaque déploiement reconstruit plus que vous le penseriez. La mise en cache à distance de Vercel aide, mais vous utiliserez toujours plus de minutes de compilation qu'un repo de projet unique. J'ai vu des monorepos consommer 3-5 fois plus de minutes de compilation que des projets autonomes équivalents.

Coût de l'expérience développeur

Ce n'est sur aucune facture, mais c'est réel. Le DX de Vercel pour Next.js est inégalé. Les choses fonctionnent juste. Les commentaires de déploiement d'aperçu, les insights de vitesse, l'intégration avec la superposition d'erreur Next.js — cela économise les heures des développeurs. Si vous payez les développeurs 150 $/heure et que Vercel économise à chaque développeur 2 heures/mois dans le débogage des problèmes de déploiement, c'est 300 $ par mois par développeur. Intégrez cela.

Quelle plateforme devriez-vous vraiment choisir

Après avoir déployé des dizaines de sites en production sur les trois plateformes, voici mon avis honnête :

Choisir Vercel si :

  • Vous construisez avec Next.js et voulez zéro friction
  • Le DX compte plus qu'économiser 50 $/mois
  • Vous avez besoin des dernières fonctionnalités Next.js le premier jour
  • Votre trafic est modéré et prévisible

Choisir Netlify si :

  • Vous avez besoin de formulaires intégrés, identité ou d'autres compléments
  • Votre équipe préfère un flux de déploiement plus visuel/piloté par interface utilisateur
  • Vous utilisez un framework autre que Next.js (Hugo, Eleventy, etc.)
  • Les fonctions edge sont une partie centrale de votre architecture

Choisir Cloudflare Pages si :

  • Les coûts de bande passante seraient importants sur d'autres plateformes
  • Vous construisez avec Astro, SvelteKit ou un autre framework favorable à CF
  • Vous voulez l'optimisation des coûts la plus agressive
  • Vous êtes à l'aise de travailler dans les contraintes du runtime Workers
  • Vous avez besoin de performance mondiale (le réseau edge de CF est massif)

Pour la plupart de notre travail client chez Social Animal, nous utilisons par défaut Vercel pour les projets Next.js et Cloudflare Pages pour les projets Astro. Le rare déploiement Netlify se produit quand un client a une infrastructure Netlify existante ou a besoin de leurs fonctionnalités de complément spécifiques.

Si vous n'êtes pas sûr de la direction à prendre, contactez-nous — la sélection de la plateforme est l'une des premières choses que nous clinfons dans n'importe quel engagement.

FAQ

Combien coûte réellement Vercel pour un site en production en 2026 ? Pour un site en production typique avec un trafic modéré (moins de 500K visiteurs mensuels), attendez-vous à payer 60-120 $/mois sur le plan Pro selon la taille de l'équipe. Les sites à fort trafic avec un rendu dynamique lourd peuvent facilement atteindre 500-1 000 $/mois en raison des dépassements de bande passante et d'invocations de fonction. Les plafonds de dépenses de Vercel (introduits à la fin de 2025) aident à prévenir le choc de facture, mais vous devez les définir de manière proactive.

Cloudflare Pages est-il vraiment gratuit pour une utilisation en production ? Le niveau gratuit est vraiment utilisable pour les petits sites en production — la bande passante illimitée est réelle. Cependant, vous êtes limité à 100K requêtes Workers par jour, 500 minutes de compilation par mois et une compilation à la fois. Pour tout site en production sérieux avec une équipe, le plan Pro à $20/mois est le minimum pratique. C'est toujours dramatiquement moins cher que les alternatives.

Puis-je utiliser Next.js sur Cloudflare Pages ? Oui, mais avec des avertissements. Le package @cloudflare/next-on-pages et l'adaptateur OpenNext plus récent fonctionnent tous deux, mais vous rencontrerez des limitations. Certaines fonctionnalités de Next.js comme l'optimisation native next/image ont besoin de solutions de contournement, et le runtime Workers ne prend pas en charge toutes les API Node.js. App Router fonctionne, mais je recommande des tests approfondis de vos modèles spécifiques avant de vous engager. Pour la compatibilité complète de Next.js, Vercel reste le chemin de la moindre résistance.

Pourquoi ma facture Vercel est-elle plus élevée que prévu ? Les coupables les plus courants sont : le middleware s'exécutant sur chaque requête (vérifiez vos modèles), les pages ISR/SSR générant plus d'invocations de fonction que prévu (chaque récupération de données parallèle peut être une invocation séparée), les déploiements d'aperçu consommant des ressources et les frais d'optimisation d'image pour les sites avec beaucoup d'images uniques. Activez le tableau de bord d'utilisation de Vercel et vérifiez-le chaque semaine jusqu'à ce que vous compreniez vos modèles de consommation.

Netlify est-il moins cher que Vercel en 2026 ? Au niveau du plan de base, ils sont pratiquement identiques (19 $ vs 20 $ par membre). Là où ils divergent, c'est les dépassements : Netlify facture $55 pour 100 GB de bande passante supplémentaire contre $40 de Vercel. Le dépassement de fonction sans serveur de Netlify est également légèrement plus cher. Cependant, Netlify inclut les fonctions edge illimitées sur tous les plans payants, ce qui peut compenser les coûts si votre architecture repose fortement sur edge. Pour la plupart des projets web standard, Vercel finit par être légèrement moins cher.

L'une de ces plateformes offre-t-elle des plafonds de dépenses ou des alertes de facturation ? Vercel a introduit des plafonds de dépenses sur les plans Pro en 2025 — vous pouvez définir une limite stricte, et votre site continuera à servir le contenu mis en cache quand vous l'atteignez. Netlify offre les notifications de dépenses mais pas des plafonds rigides sur Pro. Le modèle de Cloudflare est largement forfaitaire, rendant les dépassements moins préoccupants, mais ils offrent des alertes de facturation pour l'utilisation des Workers. Configurez toujours des alertes indépendamment de la plateforme.

Quelle est la meilleure plateforme pour un site de CMS découplé ? Cela dépend du framework. Pour Next.js avec un CMS découplé (Sanity, Contentful, Storyblok), Vercel offre l'expérience la plus fluide avec des fonctionnalités comme l'ISR à la demande et le mode brouillon. Pour les sites de CMS découplé basés sur Astro, Cloudflare Pages vous donne une performance incroyable à une fraction du coût. Le choix du CMS lui-même dicte rarement la plateforme — c'est le framework frontend qui compte le plus.

Devrais-je utiliser Vercel Enterprise ou explorer les alternatives ? Si votre facture Vercel Pro dépasse régulièrement 800 $/mois, cela vaut la peine d'avoir la conversation Enterprise — non pas parce que c'est moins cher en soi, mais parce que vous obtenez les garanties SLA, la protection DDoS et un ingénieur de support dédié. Alternativement, à ce niveau de dépense, migrer les charges de travail dynamiques vers Cloudflare Workers tout en conservant vos ressources statiques sur n'importe quel CDN peut réduire les coûts de 60-70%. Nous avons fait cette migration pour plusieurs clients et ce n'est pas aussi douloureusement que ça en a l'air.