Votre site Next.js se déploie sur Vercel à 15h. Le trafic explose jeudi. La facture arrive lundi—340 $ au lieu de votre plan Pro attendu à 20 $. Aucune alerte n'a été déclenchée. Aucun avertissement de seuil. Juste un élément de ligne intitulé « bande passante supplémentaire » qui a doublé, puis triplé alors que votre message devenait viral. J'ai observé ce schéma exact dans 47 déploiements de clients depuis 2020, et l'écart entre les tarifs annoncés et les factures réelles ne cesse de s'élargir. Non pas parce que les plateformes facturent plus—mais parce que les déclencheurs de facturation se cachent dans des endroits que votre équipe ne vérifiera jamais jusqu'à ce que les dégâts soient faits. Vercel n'est pas seul ici. Les mathématiques d'invocation de fonction de Netlify et le plafond « fair use » de Cloudflare échouent tous de manière que les pages marketing ne mentionnent jamais. J'ai donc extrait chaque facture de production que nous avons payée sur les trois plateformes au cours des 18 derniers mois—puis j'ai cartographié exactement où vos coûts explosent et quelle plateforme facture réellement ce qu'elle promet.

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

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

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

Table des matières

Pourquoi la tarification des plateformes est plus complexe qu'il n'y paraît

Chaque plateforme veut que vous regardiez leur niveau gratuit et pensiez « c'est essentiellement gratuit ». Et pour un blog personnel ou un projet annexe, c'est vraiment le cas. Le problème commence quand vous avez du vrai trafic, de vraies routes dynamiques et de vrais besoins commerciaux.

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 les mêmes choses.
  • Les définitions de bande passante varient. Certaines plateformes comptent les accès au cache en bordure. D'autres non. Certaines facturent séparément la bande passante d'optimisation d'image.
  • Les frais supplémentaires, c'est là que l'argent se fait. Le plan de base pourrait être 20 $/mois, mais un pic de trafic peut discrètement multiplier votre facture par 5.

J'ai vu des équipes choisir Vercel parce que « ça marche super bien 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 une hypothèse—c'était l'un de nos clients de développement Next.js l'année dernière.

Décomposition de la tarification Vercel 2026

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

Niveaux de plan

Plan Coût mensuel Membres d'équipe Bande passante Exécutions de fonction sans serveur Invocations de fonction en bordure Minutes de build
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 de 20 $/membre/mois est celui où atterrissent la plupart des sites de production. Mais voici où ça devient intéressant :

  • Bande passante supplémentaire : 40 $ par 100 GB au-delà du 1 TB inclus
  • Exécutions de fonction sans serveur supplémentaires : 6 $ par 1M après les premiers 1M
  • Invocations de fonction en bordure supplémentaires : 2 $ par 1M
  • Middleware en bordure : S'exécute sur chaque requête par défaut. Si vous utilisez un middleware pour les vérifications d'authentification ou les redirections, chaque vue de page le déclenche.
  • Optimisation d'image : 5 000 images sources incluses sur Pro ; 5 $ par 1 000 images sources supplémentaires
  • Analyse Web : Incluse, mais l'analyse avancée commence à 10 $/projet/mois
  • Protection DDoS et WAF : Uniquement sur Enterprise

La Piège de la Fonction Sans Serveur

C'est celui qui attrape les gens. Dans un projet Next.js App Router, chaque page.tsx qui utilise des composants serveur, chaque route API, chaque Server Action—tout cela compte comme invocations de fonction sans serveur. Un chargement de page unique peut déclencher plusieurs invocations de fonction si vous avez des récupérations de données parallèles.

J'ai audité un projet client le dernier trimestre et j'ai découvert qu'une seule page de 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 juste à 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 les regrouper, mais les modèles par défaut dans la plupart des tutoriels ne le font pas.

Changements de tarification de Vercel 2025-2026

Vercel a effectué un changement notable fin 2025 en introduisant le « 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 actives plus longtemps. Cela réduit réellement les coûts pour les applications à trafic constant, mais les modèles de trafic instable se font toujours frapper fort.

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 qui s'échappent étaient une vraie préoccupation.

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

Décomposition de la tarification Netlify 2026

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

Niveaux de plan

Plan Coût mensuel Membres d'équipe Bande passante Fonctions sans serveur Fonctions en bordure Minutes de build
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 $ par 100 GB (oui, plus cher que Vercel)
  • Invocations de fonction sans serveur supplémentaires : 7,50 $ par 1M
  • Stockage de contenu volumineux : 2,50 $ par 100 GB
  • Formulaires : 100 soumissions/mois sur Starter ; frais supplémentaires à 19 $/site/mois pour 1 000 soumissions
  • Identity (Auth) : 1 000 utilisateurs actifs gratuits ; 99 $/site/mois pour 10 000
  • Analyse : 9 $/site/mois

Forces et faiblesses de Netlify

Les fonctions en bordure de Netlify étant illimitées sur tous les plans payants est vraiment bon. Si votre architecture s'appuie fortement sur la logique en bordure—routage basé sur la géolocalisation, test A/B à la bordure, vérification des jetons d'authentification—Netlify ne vous facturera pas en supplément.

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

En outre, le support de Next.js de Netlify, bien que considérablement amélioré avec leur runtime v5, est toujours en retard sur le support natif de Vercel. Les fonctionnalités comme la prérendu partielle et les Server Actions fonctionnent, mais j'ai rencontré des cas particuliers qui nécessitaient des contournements. Si vous faites du développement de CMS headless avec un frontend Next.js, cela compte.

Décomposition de la tarification Cloudflare Pages 2026

Cloudflare Pages est celui qui sort du lot, et à bien des égards, l'option la plus intéressante.

Niveaux de plan

Plan Coût mensuel Membres d'équipe Bande passante Requêtes Workers Opérations KV Minutes de build
Free 0 $ Illimité Illimité 100K/jour 100K lectures/jour 500/mois
Pro 20 $/mois (forfait) 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 exécutez un site riche en contenu multimédia 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 $ par 1M après les limites du plan
  • Durable Objects : 0,15 $ par 1M requêtes + frais de stockage
  • Stockage R2 (si utilisé pour les actifs) : 0,015 $ par Go/mois, 4,50 $ par 1M opérations de classe A
  • Workers AI : Paiement à l'utilisation, varie selon le modèle
  • Images : 5 $/mois pour 100K variantes ; 1 $ par 100K variantes 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 sur Node.js. Cela signifie :

  • Pas de module fs natif
  • Pas d'API Node.js native (bien que la compatibilité se soit améliorée massivement avec le drapeau nodejs_compat)
  • Certains packages npm ne fonctionneront tout 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 fait excellent. L'adaptateur Astro pour Cloudflare est bien maintenu et l'histoire SSR est solide. Pour Next.js, c'est faisable mais vous rencontrerez des aspérités.

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

Mettez des chiffres réels sur trois scénarios courants. Tous les prix sont mensuels, basés sur la tarification de 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 $
Analyse Incluse (basique) +9 $/site Gratuit (basique via tableau de bord CF)

Ce chiffre Cloudflare n'est pas une coquille. Pour les sites avec beaucoup de bande passante et un trafic modéré, Cloudflare Pages est dramatiquement moins cher.

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

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

Assomptions :

  • 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 $
Surcoût bande passante 0 $ 0 $ 0 $
Surcoût 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.

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

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

Assomptions :

  • 50K utilisateurs actifs
  • 8M pages vues/mois
  • 2,5 TB bande passante
  • 15M invocations de fonction
  • 5 membres d'équipe
  • Connexions WebSocket (où supportées)
Vercel Pro Netlify Pro Cloudflare Business
Plan de base 100 $ 95 $ 200 $
Surcoût bande passante 600 $ 825 $ 0 $
Surcoût fonction 84 $ 97,50 $ 0 $
Total 784 $ 1 017,50 $ 200 $

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

Vercel vous pousserait probablement vers Enterprise à cette échelle, 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 de commerce électronique

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

Assomptions :

  • 200K visiteurs mensuels
  • 1,5M pages vues (comportement de navigation)
  • 1,8 TB bande passante (images de produits)
  • 8M invocations de fonction (pages de produits, panier, paiement, recherche)
  • 15 000 images sources pour optimisation
  • 4 membres d'équipe
Vercel Pro Netlify Pro Cloudflare Pro
Plan de base 80 $ 76 $ 20 $
Surcoût bande passante 320 $ 440 $ 0 $
Surcoût fonction 42 $ 45 $ 0 $
Optimisation d'image 50 $ Service externe (20-50 $) 5 $
Total 492 $ 581-611 $ 25 $

Le commerce électronique, c'est là où les coûts de bande passante frappent vraiment sur Vercel et Netlify. Même avec un caching agressif, 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 sérieuse considération—en supposant que votre framework de choix a un support solide de 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

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

Middleware et exécution en bordure

Le middleware de Vercel s'exécute sur chaque requête correspondant au modèle de son matcher. Si votre middleware vérifie l'authentification sur chaque route, c'est une invocation de fonction en bordure par requête. Sur un site avec 1M requêtes mensuelles, c'est 1M invocations de fonction en bordure juste pour le middleware. À 2 $ par 1M, c'est bon marché—mais ça s'ajoute quand combiné avec d'autres utilisations en bordure.

Tâches programmées

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

Minutes de build dans les monorepos

Si vous exécutez un monorepo avec Turborepo, chaque déploiement reconstruit plus que vous ne le penseriez. Le caching à distance de Vercel aide, mais vous utiliserez quand même plus de minutes de build qu'un monorepo à un seul projet. J'ai vu des monorepos consommer 3-5x les minutes de build de projets autonomes équivalents.

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

Ce n'est pas sur une facture, mais c'est réel. L'expérience développeur de Vercel pour Next.js est incomparable. Les choses fonctionnent tout simplement. Les commentaires d'aperçu de déploiement, l'analyse de vitesse, l'intégration avec la superposition d'erreur Next.js—ça épargne des heures de développeur. Si vous payez les développeurs 150 $/heure et que Vercel épargne à chaque dev 2 heures/mois en débogage des problèmes de déploiement, c'est bon pour 300 $/mois par développeur. Factorisez-le.

Quelle plateforme devriez-vous vraiment choisir

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

Choisissez Vercel si :

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

Choisissez Netlify si :

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

Choisissez Cloudflare Pages si :

  • Les coûts de bande passante seraient importants sur d'autres plateformes
  • Vous construisez avec Astro, SvelteKit ou un autre framework compatible 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 performances globales (le réseau en bordure de CF est massif)

Pour la plupart de nos travaux clients chez Social Animal, nous 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 ses fonctionnalités de module complémentaire spécifiques.

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

FAQ

Combien coûte vraiment Vercel pour un site de production en 2026 ?

Pour un site de 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 à trafic élevé avec rendu dynamique lourd peuvent facilement atteindre 500-1 000 $/mois en raison des surcoûts de bande passante et d'invocations de fonction. Les plafonds de dépenses de Vercel (introduits fin 2025) aident à prévenir le choc facture, mais vous devrez les définir de manière proactive.

Cloudflare Pages est-il vraiment gratuit pour l'utilisation en production ?

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

Puis-je utiliser Next.js sur Cloudflare Pages ?

Oui, mais avec des mises en garde. Le package @cloudflare/next-on-pages et l'adaptateur OpenNext plus récent fonctionnent tous deux, mais vous rencontrerez des limitations. Certaines fonctionnalités Next.js comme l'optimisation native next/image ont besoin de contournements, et le runtime Workers ne supporte pas toutes les API Node.js. App Router fonctionne, mais je recommande des tests approfondis de vos modèles spécifiques avant de s'engager. Pour la compatibilité Next.js complète, 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 de matcher), 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 surcoûts : Netlify facture 55 $ par 100 GB de bande passante supplémentaire vs 40 $ de Vercel. Le surcoût d'invocation de fonction sans serveur de Netlify est également légèrement plus cher. Cependant, Netlify inclut les fonctions en bordure illimitées sur tous les plans payants, ce qui peut compenser les coûts si votre architecture est lourde en bordure. 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 les plafonds de dépenses sur les plans Pro en 2025—vous pouvez définir une limite stricte, et votre site continuera à servir le contenu en cache quand vous la atteindrez. Netlify offre des notifications de dépenses mais pas de plafonds stricts sur Pro. Le modèle de Cloudflare est largement à taux forfaitaire, ce qui rend les surcoûts moins préoccupants, mais ils offrent des alertes de facturation pour l'utilisation des Workers. Mettez toujours en place des alertes indépendamment de la plateforme.

Quelle est la meilleure plateforme pour un site 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 CMS découplés 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 des alternatives ?

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