Un client m'a appelé en octobre l'année dernière, légèrement panique. Il avait lancé un site marketing Next.js le mois précédent, le trafic avait augmenté, et sa facture Vercel était passée de 0 $ à 94 $. Aucun avertissement. Aucune augmentation progressive. Juste un montant auquel il ne s'attendait pas. Et la chose c'est que rien n'allait mal. Il n'avait rien mal configuré. La plateforme faisait exactement ce pour quoi elle est conçue.
Cette conversation est la raison pour laquelle j'écris ceci. Vercel est une infrastructure vraiment excellente, et je dis ça en ayant probablement déployé 400+ projets sur celle-ci au cours de l'histoire de Seahawk. Mais la structure tarifaire contient des pièges qui attrapent les gens qui n'ont pas lu les petits caractères, ou qui l'ont lu et n'ont pas fait les calculs réels. Laissez-moi le faire pour vous.
Le Plan Hobby : Gratuit jusqu'à ce qu'il ne le soit pas
Le tier gratuit de Vercel, appelé Hobby, est vraiment utile. Pour un projet personnel, un portfolio, ou un blog à faible trafic, il gèrera tout. Vous obtenez 100 Go de bande passante par mois, 6 000 minutes d'invocations Edge Middleware, et 100 Go-heures d'exécution de fonction serverless. Ces chiffres semblent énormes. Ils ne le sont pas une fois que vous exécutez quelque chose de réel.Hobby, is legitimately useful. For a personal project, a portfolio, or a low-traffic blog, it'll handle everything. You get 100GB of bandwidth per month, 6,000 minutes of Edge Middleware invocations, and 100GB-hours of serverless function execution. Those numbers sound enormous. They're not, once you're running something real.
Voici ce qui dévore réellement votre allocation Hobby :
- Durée des fonctions serverless. Chaque appel de fonction s'ajoute à votre consommation en GB-heures. Une route API gourmande en données qui s'exécute pendant 3 secondes et utilise 512 Mo de mémoire consomme 0,0004 GB-heures par invocation. Ça semble négligeable. À 10 000 requêtes par jour, ça fait 1,2 GB-heures. Votre quota est de 100. Vous avez de la marge. Mais en empilant trois ou quatre routes de ce type, vous aurez tout épuisé avant la mi-mois. Each function call counts against your GB-hours. A data-heavy API route that runs for 3 seconds and uses 512MB of memory burns through 0.0004 GB-hours per invocation. Sounds trivial. At 10,000 requests a day, that's 1.2 GB-hours. Your allowance is 100. You've got room. But stack three or four such routes and you're gone by mid-month.
- Bande passante. Si vous servez n'importe quel type de média, 100 Go se consomme rapidement. Un site avec des images de produits, des aperçus vidéo, ou même un portfolio raisonnablement riche peut atteindre cette limite en deux semaines avec un trafic décent. If you're serving any kind of media, 100GB goes fast. A site with product images, video previews, or even a reasonably rich portfolio can hit that in two weeks of decent traffic.
- Minutes de build. 6 000 minutes de build par mois. Une application Next.js 14 complexe avec beaucoup de pages statiques peut prendre 4 à 8 minutes par build. Si vous déployez fréquemment, ça s'accumule rapidement. 6,000 build minutes per month. A complex Next.js 14 app with a lot of static pages can take 4-8 minutes per build. If you're deploying frequently, that adds up.
La plus grande restriction du plan Hobby est celle-ci : c'est exclusivement pour un usage personnel et non commercial. Ce n'est pas juste une clause de fine print. Si vous construisez des sites pour des clients, même petits, vous violez techniquement les conditions d'utilisation. Je connais des agences qui ont exécuté des projets clients sur des comptes Hobby pendant des mois sans problème. Je connais aussi une qui s'est fait suspendre ses déploiements. Ce n'est pas worth le risque.biggest restriction on Hobby is this: it's for personal, non-commercial use. That's not just fine-print padding. If you're building client sites, even small ones, you're technically violating the terms of service. I know agencies that have run client projects on Hobby accounts for months without issue. I also know one that got their deployments suspended. Not worth the risk.
Plan Pro : 20 $/mois, et ça devient compliqué
Le plan Pro commence à 20 $ par mois par membre. Un développeur travaillant seul paie 20 $. Une équipe de quatre paie 80 $ juste pour les sièges. C'est la base, et c'est raisonnable.
Mais la tarification de Vercel est basée sur la consommation au-delà de ces limites de base. Le tier Pro vous donne :
- 1 To de bande passante (contre 100 Go en Hobby)
- 1 000 GB-heures d'exécution de fonctions serverless
- 24 000 minutes de build
Au-delà de ces montants inclus, vous payez des dépassements. Les dépassements de bande passante s'élèvent à 0,15 $ par Go. Les dépassements d'exécution sans serveur coûtent 0,18 $ par Go-heure. Les dépassements de minutes de build coûtent 0,01 $ par minute.Bandwidth overages run at $0.15 per GB. Serverless execution overages are $0.18 per GB-hour. Build minute overages are $0.01 per minute.
À quoi ressemble un vrai projet de taille moyenne
L'année dernière, Seahawk a construit un front-end e-commerce Next.js 13 pour un client français de la mode. Un seul compte développeur, soit 20 $/mois pour le siège. Le site comptait environ 80 000 visiteurs mensuels, un catalogue de produits servi via des routes API tirant d'une instance Shopify headless, et ISR (Incremental Static Regeneration) s'exécutant sur environ 3 000 pages de produits.
Facture mensuelle moyenne : 47 $.$47.
Le détail : 20 $ pour le siège, environ 18 $ en dépassements de bande passante (ils servaient beaucoup d'imagerie haute résolution avant que nous les poussions vers Cloudinary), et environ 9 $ en exécution de fonctions. Une fois que nous avons déplacé la livraison d'images vers Cloudinary et ajouté un peu de logique de mise en cache aux routes API, cela a baissé à 26 $/mois. Un petit changement d'architecture, un changement significatif de facture.
C'est ça avec les coûts Vercel. Ils ne sont pas fixes. Ils réagissent à la qualité de votre construction.
La variable des Edge Functions
Si vous utilisez Vercel Edge Functions (ce n'est pas la même chose que les fonctions sans serveur), la tarification fonctionne différemment. Edge s'exécute sur le modèle d'isolate V8 plutôt que sur des conteneurs de style Lambda, donc c'est plus rapide et moins cher par invocation. Vous obtenez 500 000 invocations de fonction edge par mois sur Pro. Après cela, c'est 2 $ par million.Vercel Edge Functions (not the same as serverless functions), pricing works differently. Edge runs on the V8 isolate model rather than Lambda-style containers, so it's faster and cheaper per invocation. You get 500,000 edge function invocations per month on Pro. After that, it's $2 per million.
Pour la plupart des équipes, les coûts des edge functions sont négligeables. Le dangereux, c'est le sans serveur. Vérifiez toujours quel runtime utilisent vos fonctions.
Optimisation d'images : Le poste budgétaire invisible
Celui-ci piège presque tout le monde. L'optimisation d'images Next.js intégrée de Vercel (le composant <Image /> qui frappe le point de terminaison /_next/image) compte contre votre transfert d'origine rapide inclus et, dans certaines configurations, génère ses propres frais d'utilisation.<Image /> component hitting the /_next/image endpoint) counts against your included fast origin transfer and, in some configurations, generates its own usage charges.
En Pro, vous obtenez 5 000 images sources et 50 000 crédits d'optimisation par mois. Chaque image unique dans une nouvelle combinaison de tailles consomme un crédit. Une grille de produits avec 200 produits, chacun rendu à trois points d'arrêt, génère 600 optimisations au premier chargement. Les accès au cache ne vous coûtent rien. Mais les déploiements à froid ou les catalogues qui changent fréquemment peuvent épuiser cela rapidement.
La solution est simple : utilisez un CDN ou un service d'images comme Cloudinary, Imgix ou même Bunny.net devant l'optimiseur de Vercel. Ou configurez un chargeur d'images personnalisé et contournez entièrement le pipeline de Vercel. Je mets cela en place par défaut sur chaque nouveau projet Next.js maintenant.
Comptes d'équipe et le piège du forfait par siège
C'est là que les propriétaires d'agences se font avoir. Pro coûte 20 $ par membre par mois. Si vous intégrez des clients à votre équipe Vercel afin qu'ils puissent voir les aperçus de déploiement, gérer les variables d'environnement et consulter l'analytique, chacun d'entre eux est un siège.
Six contacts clients plus vos quatre développeurs internes : 200 $/mois avant même d'avoir déclenché un seul dépassement d'utilisation.
La solution de contournement sur laquelle la plupart des gens se rabattent est de maintenir une seule équipe avec des membres internes uniquement, et de partager les liens d'aperçu de déploiement manuellement avec les clients. Vous perdez l'aspect de collaboration en direct, mais vous économisez de l'argent réel.
Certaines agences créent un compte Vercel Pro par client à la place. C'est 20 $/mois par client, facturé au client. Plus propre, en réalité. Chaque client possède son infrastructure, vous êtes juste le déployeur. Nous sommes passés à ce modèle chez Seahawk autour de 2022 et c'est aussi été plus propre du point de vue de la transmission aux clients.
Quand l'offre Enterprise a-t-elle du sens ?
Le plan Enterprise de Vercel n'a pas de tarification publique. Vous parlez à l'équipe commerciale. D'après les conversations que j'ai eues et les factures que j'ai vues, les équipes ont tendance à aborder la conversation Enterprise autour de 1 500 $ à 3 000 $/mois en Pro avec dépassements, où Vercel négocie souvent un contrat à dépense engagée qui s'avère moins cher à l'unité. has no public pricing. You talk to sales. Based on conversations I've had and bills I've seen, teams tend to hit the Enterprise conversation at around $1,500-$3,000/month on Pro with overages, where Vercel will often negotiate a committed-spend contract that ends up cheaper per unit.
Offres Enterprise :
- SSO et SAML
- Limites de dépenses personnalisées et tarification avec engagement
- Garanties SLA (engagement de 99,99 % de disponibilité)
- Atténuation DDoS à un niveau supérieur
- Intégrations d'observabilité avancées
Pour la plupart des agences qui construisent des sites clients, Enterprise est excessif. Les clients qui en ont besoin gèrent généralement des apps grand public à fort trafic, des outils SaaS internes avec des exigences de sécurité strictes, ou n'importe quoi où une coupure de 10 minutes a des conséquences directes sur le chiffre d'affaires.
Si vous dépensez régulièrement plus de 500 $/mois en Pro et ne vous attendez pas à une baisse de la charge de travail, un appel commercial vaut 30 minutes de votre temps.
Comment Vercel se compare sur le plan pratique
Je ne vais pas faire une analyse complète de chaque alternative (ça fait l'objet d'un article séparé), mais voici le contexte honnête.
La tarification comparable de Netlify est structurée de manière similaire : un tier gratuit, puis Pro à $19/mois par siège, avec ses propres dépassements de bande passante et de fonctions. D'après mon expérience, Netlify finit légèrement moins cher pour les sites statiques simples et légèrement plus cher pour les charges de travail serverless complexes. L'expérience développeur est aussi un cran en dessous de celle de Vercel pour Next.js spécifiquement, ce qui a du sens puisque Vercel a créé Next.js. is structured similarly: free tier, then $19/month Pro per seat, with its own bandwidth and function overages. In my experience, Netlify ends up slightly cheaper for simpler static sites and slightly more expensive for complex serverless workloads. The developer experience is also just a notch below Vercel's for Next.js specifically, which makes sense given that Vercel built Next.js.
Railway, Render, et Fly.io tarifent sur le calcul pur plutôt que par siège. Pour les applications côté serveur qui ont besoin de processus persistants, c'est souvent nettement moins cher. Mais ce ne sont pas des alternatives à Vercel pour les front-ends Next.js spécifiquement. C'est un outil différent.
Si le coût est ta préoccupation principale et que tu es à l'aise avec un peu plus de configuration, Cloudflare Pages offre un rapport qualité-prix remarquable. Bande passante illimitée, Workers pour le serverless, tier gratuit véritablement utilisable en production. La compatibilité Next.js via l'adaptateur Cloudflare est décente mais non parfaite. J'ai eu des déploiements en douceur et j'ai eu des bugs de cas limites épineux. Ça vaut le coup de connaître.Cloudflare Pages is remarkable value. Unlimited bandwidth, Workers for serverless, free tier that's genuinely usable in production. The Next.js compatibility via the Cloudflare adapter is decent but not perfect. I've had smooth deployments and I've had gnarly edge case bugs. Worth knowing about.
Tactiques pour réduire ta facture réelle
Voici ce qui change vraiment les choses, basé sur des projets réels plutôt que sur la lecture de documentation :
- Cache agressivement au niveau de la couche CDN. Le CDN intégré de Vercel est bon, mais si tu sers la même réponse serverless à plusieurs reprises, tu paies par invocation. Définis correctement les en-têtes de cache. Même un cache de 60 secondes sur une route à fort trafic peut réduire les coûts dramatiquement. Vercel's built-in CDN is good, but if you're serving the same serverless response repeatedly, you're paying per invocation. Set cache headers properly. Even a 60-second cache on a high-traffic route can cut costs dramatically.
- Déplace les assets statiques hors de Vercel. S3 + CloudFront, Bunny.net, ou R2 (le stockage de Cloudflare, qui n'a pas de frais de sortie) pour les images, vidéos, et autres assets volumineux. Le dépassement de bande passante à $0,15/Go s'accumule. Bunny.net facture environ $0,01/Go pour la bande passante européenne. S3 + CloudFront, Bunny.net, or R2 (Cloudflare's storage, which has no egress fees) for images, videos, and other large assets. Bandwidth overage at $0.15/GB adds up. Bunny.net charges around $0.01/GB for European bandwidth.
- Vérifie les régions de tes fonctions serverless. Les fonctions s'exécutent dans toutes les régions par défaut dans certaines configurations. Si tes utilisateurs sont en Europe et ta base de données en eu-west-1, router les fonctions via us-east-1 ajoute de la latence et des invocations. Verrouille tes fonctions à la bonne région. Functions run in all regions by default in some configurations. If your users are in Europe and your database is in eu-west-1, routing functions through us-east-1 adds latency and invocations. Pin your functions to the right region.
- Utilise l'edge runtime pour la logique légère. Validation de token d'auth, manipulation d'en-têtes, redirections. C'est plus rapide et moins cher sur edge que sur serverless. Auth token validation, header manipulation, redirects. These are faster and cheaper on edge than on serverless.
- Révise ta liste d'équipe trimestriellement. Les sièges obsolètes à $20/mois chacun sont juste du gaspillage. Stale seats at $20/month each are just waste.
FAQ
Vercel est-il gratuit pour les projets commerciaux ?
Non. Le plan Hobby interdit explicitement l'usage commercial. Si vous construisez quelque chose pour un client payant, ou si vous développez un produit qui génère des revenus, vous devez être sur Pro. Ce n'est pas une zone grise ambiguë ; les conditions de service de Vercel sont claires à ce sujet.
Que se passe-t-il si je dépasse mes limites sur Pro ?
Vercel ne vous coupe pas. Il vous facture les dépassements aux tarifs listés sur leur page de tarification. La bande passante est 0,15 $/Go, l'exécution serverless est 0,18 $/Go-heure. Il n'y a pas de limite stricte par défaut, mais vous pouvez configurer des limites de dépenses dans vos paramètres de facturation pour recevoir des alertes ou arrêter les déploiements. Je configure toujours une alerte de dépenses sur les nouveaux projets. Découvrir une facture surprise un mois plus tard est évitable.
Puis-je exécuter une application Next.js à fort trafic sur Vercel Pro sans passer à Enterprise ?
Oui, absolument. Le facteur décisif n'est généralement pas le volume de trafic, c'est l'architecture. Une application Next.js bien mise en cache, optimisée pour le edge avec un ISR approprié et une livraison d'images externe peut gérer des millions de visiteurs mensuels sur Pro pour 30-60 $/mois. Une mal construite avec des fonctions serverless bavards et sans mise en cache coûtera cinq fois plus pour un quart du trafic.
Le plan Pro à 20 $/mois est-il par projet ou par équipe ?
Par siège dans une équipe. Vous payez 20 $ par membre de votre équipe Vercel, et cette équipe peut avoir des projets illimités. Si vous êtes un développeur solo, vous payez 20 $/mois indépendamment du nombre de projets que vous déployez.
Vercel facture-t-il les déploiements en prévisualisation ?
Les déploiements de prévisualisation eux-mêmes n'entraînent pas de frais supplémentaires. Mais ils consomment des minutes de build, et toute fonction serverless invoquée pendant les tests de prévisualisation compte contre vos limites d'exécution. Dans une équipe active avec beaucoup de pull requests, les minutes de build peuvent devenir un vrai poste budgétaire.
---
Résumé honnête : Vercel est une bonne infrastructure, et pour Next.js notamment, c'est difficile de trouver mieux sur l'expérience développeur. Mais ce n'est pas un service à tarif forfaitaire, et si vous intégrez des clients ou vous montez en charge un produit, vous devez modéliser votre utilisation avant le lancement plutôt qu'après. Lancez vos invocations de fonction attendues, votre bande passante, vos optimisations d'image. Prévoyez une marge de 20 %. Ensuite, décidez si Pro a du sens ou si l'architecture a besoin d'ajustements d'abord.
Le client qui m'a appelé en panique ? Il est toujours sur Vercel. La facture est maintenant de 31 $/mois. Ça en vaut la peine.