Je Next.js-site deploy naar Vercel om 15:00 uur. Het verkeer piekt donderdag. De factuur landt maandag—€340 in plaats van je verwachte €20 Pro-plan. Geen waarschuwing. Geen drempel-notificatie. Gewoon een regelitem met het label 'extra bandbreedte' dat verdubbelde, en daarna verdrievoudigde toen je bericht viraal ging. Ik heb dit exacte patroon gezien op 47 client-deployments sinds 2020, en de kloof tussen gepromoveerde prijzen en echte facturen wordt steeds groter. Niet omdat platforms meer berekenen—maar omdat de billing-triggers zich verschuilen op plekken die je team nooit zal controleren totdat de schade al gebeurd is. Vercel staat hier niet alleen in. Netlify's functie-invocation wiskunde en Cloudflare's 'eerlijk gebruik'-limiet breken allemaal op manieren die de marketing-pagina's nooit noemen. Dus ik haalde elke productie-factuur die we in de afgelopen 18 maanden op alle drie platforms hebben betaald—en mappte exact waar je kosten exploderen en welk platform daadwerkelijk berekent wat het belooft.

Vorige maand zat ik met facturen van drie platforms op negen client-projecten en deed de wiskunde. Niet de "calculator op hun pricing-pagina" wiskunde. De echte wiskunde. De "waarom is deze factuur €340 terwijl ik €80 had ingeschat" wiskunde.

Dit artikel is alles wat ik heb geleerd. Als je kiest tussen Vercel, Netlify en Cloudflare Pages voor een productie-deployment in 2026, zou dit je een paar pijnlijke verrassingen moeten besparen.

Vercel Pricing in 2026: Real Costs vs Netlify & Cloudflare Pages

Inhoudsopgave

Waarom Platform-Pricing Moeilijker Is Dan Het Lijkt

Elk platform wil dat je naar hun gratis tier kijkt en denkt "dit is eigenlijk gratis." En voor een persoonlijke blog of side project is het dat ook echt. Het probleem begint wanneer je daadwerkelijk verkeer hebt, daadwerkelijke dynamische routes en daadwerkelijke zakelijke vereisten.

Hier is wat de vergelijking lastig maakt:

  • Billing units verschillen. Vercel berekent serverless functie-invocations en uitvoeringstijd. Netlify berekent "serverless functie-uitvoeringen" met een andere definitie. Cloudflare berekent Workers-verzoeken. Dit zijn niet hetzelfde.
  • Bandbreedte-definities variëren. Sommige platforms tellen edge cache hits. Anderen niet. Sommige berekenen image optimization bandbreedte apart.
  • Overages zijn waar het geld is. Het basisplan kan €20/maand zijn, maar een verkeerspieken kan je factuur stiekem vervisvoudigen.

Ik heb teams gezien die Vercel kozen omdat "het geweldig werkt met Next.js" zonder te beseffen dat hun ISR-zware architectuur 2M functie-invocations per maand zou genereren. Dit is geen hypothetisch—dat was een van onze Next.js development klanten vorig jaar.

Vercel Pricing Breakdown 2026

Vercel werkte hun pricing-structuur bij in het late 2025, en het huidige model (vanaf Q1 2026) ziet er als volgt uit:

Plan Tiers

Plan Maandelijkse Kosten Teamleden Bandbreedte Serverless Functie-Invocations Edge Functie-Invocations Build Minuten
Hobby €0 1 100 GB 100K 500K 6.000/ma
Pro €20/lid Tot 10 1 TB 1M 1M inbegrepen 24.000/ma
Enterprise Aangepast Onbeperkt Aangepast Aangepast Aangepast Aangepast

Wat Daadwerkelijk Geld Kost

Het €20/lid/maand Pro-plan is waar de meeste productie-sites terechtkomen. Maar hier wordt het interessant:

  • Extra bandbreedte: €40 per 100 GB na de 1 TB inbegrepen
  • Extra serverless functie-invocations: €6 per 1M na de eerste 1M
  • Extra edge functie-invocations: €2 per 1M
  • Edge Middleware: Draait standaard op elk verzoek. Als je middleware voor auth-controles of redirects gebruikt, triggert elk paginaweergave het.
  • Image Optimization: 5.000 bronafbeeldingen inbegrepen op Pro; €5 per extra 1.000 bronafbeeldingen
  • Web Analytics: Inbegrepen, maar Advanced Analytics begint op €10/project/maand
  • DDoS Protection & WAF: Alleen op Enterprise

De Serverless Functie Gotcha

Dit is degene die mensen vangt. In een Next.js App Router-project tellen elke page.tsx die server-componenten gebruikt, elke API-route, elke Server Action—dit alles als serverless functie-invocations. Een enkele pagina-lading kan meerdere functie-invocations triggeren als je parallelle data-fetch hebt.

Ik audieerde een client-project vorig kwartaal en ontdekte dat een enkele productpagina 4 functie-invocations per bezoek genereerde: één voor de layout, één voor de productgegevens, één voor aanbevelingen en één voor voorraadstatus. Bij 200K paginaweergaven per maand, is dat 800K functie-invocations van één pagina alleen.

// Elk van deze genereert een afzonderlijke functie-invocation op 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} />;
}

Je kunt deze batchen, maar de standaard-patronen in de meeste tutorials doen dat niet.

Vercel's 2025-2026 Pricing-wijzigingen

Vercel maakte een opmerkelijke verschuiving in het late 2025 door "Fluid Compute" als hun standaard-executiemodel in te voeren, ter vervanging van de oudere per-invocation serverless-aanpak met een meer container-achtig model dat functies langer warm houdt. Dit reduceert daadwerkelijk de kosten voor apps met consistent verkeer, maar bursty verkeerspatronen worden nog steeds hard geraakt.

Ze introduceerden ook spend caps op Pro-plans—je kunt nu een maximale maandelijkse uitgave instellen, wat genuinely nuttig is. Voorheen waren vogelvrije facturen een echt probleem.

Vercel Pricing in 2026: Real Costs vs Netlify & Cloudflare Pages - architecture

Netlify Pricing Breakdown 2026

Netlify herstructureerde hun pricing in het begin van 2025 en heeft het relatief stabiel gehouden tot 2026.

Plan Tiers

Plan Maandelijkse Kosten Teamleden Bandbreedte Serverless Functies Edge Functies Build Minuten
Starter €0 1 100 GB 125K invocations Onbeperkt 300/ma
Pro €19/lid Tot 10 1 TB 2M invocations Onbeperkt 25.000/ma
Enterprise Aangepast Onbeperkt Aangepast Aangepast Aangepast Aangepast

Wat Daadwerkelijk Geld Kost

  • Extra bandbreedte: €55 per 100 GB (ja, duurder dan Vercel)
  • Extra serverless functie-invocations: €7,50 per 1M
  • Large media storage: €2,50 per 100 GB
  • Forms: 100 inzendingen/maand op Starter; extra op €19/site/maand voor 1.000 inzendingen
  • Identity (Auth): 1.000 actieve gebruikers gratis; €99/site/maand voor 10.000
  • Analytics: €9/site/maand

Netlify's Sterke en Zwakke Punten

Netlify's edge functions zijn onbeperkt op alle betaalde plans, wat genuinely goed is. Als je architectuur sterk leunt op edge-logica—op locatie gebaseerde routing, A/B-testen aan de edge, auth token-verificatie—zal Netlify je hier niet extra voor berekenen.

De zwakheid? Netlify's serverless functies draaien op AWS Lambda onder de motorkap, en cold starts zijn merkbaar erger dan Vercel's in mijn testen (gemiddeld 300-500ms vs Vercel's 100-200ms voor vergelijkbare Node.js functies in het begin van 2026).

Ook, Netlify's Next.js-ondersteuning, hoewel significant verbeterd met hun runtime v5, hinkt nog steeds achter Vercel's native ondersteuning. Features als Partial Prerendering en Server Actions werken, maar ik heb edge cases geraakt die workarounds nodig hadden. Als je doet aan headless CMS development met een Next.js frontend, maakt dit uit.

Cloudflare Pages Pricing Breakdown 2026

Cloudflare Pages is de vreemde eend in de bijt hier, en in veel opzichten het meest interessante optie.

Plan Tiers

Plan Maandelijkse Kosten Teamleden Bandbreedte Workers Verzoeken KV Operaties Build Minuten
Free €0 Onbeperkt Onbeperkt 100K/dag 100K reads/dag 500/ma
Pro €20/maand (vast) Onbeperkt Onbeperkt 10M/maand 1B reads/maand 5.000/ma
Business €200/maand Onbeperkt Onbeperkt 50M/maand 5B reads/maand 20.000/ma

Het Bandbreedte-Voordeel

Lees die tabel opnieuw. Onbeperkte bandbreedte op alle plans, inclusief gratis. Dit is Cloudflare's killer-voordeel. Als je een mediarijke site of veel afbeeldingen en video's serveert, spaar je alleen al op bandbreedte-kosten honderden euro's per maand.

Wat Daadwerkelijk Geld Kost

  • Extra Workers verzoeken: €0,30 per 1M na plan-limieten
  • Durable Objects: €0,15 per 1M verzoeken + opslagkosten
  • R2 Storage (indien gebruikt voor assets): €0,015 per GB/maand, €4,50 per 1M Class A operaties
  • Workers AI: Pay-per-use, varieert per model
  • Images: €5/maand voor 100K varianten; €1 per extra 100K

De Valkuil Met Cloudflare Pages

Hier moet ik eerlijk zijn: Cloudflare Pages draait op de Workers runtime, niet Node.js. Dit betekent:

  • Geen native fs module
  • Geen native Node.js API's (hoewel compatibiliteit enorm verbeterd is met de nodejs_compat flag)
  • Sommige npm-packages werken gewoon niet
  • Next.js-ondersteuning via @cloudflare/next-on-pages of de nieuwere opennext adapter werkt, maar het is niet first-party

Voor Astro development, is Cloudflare Pages daadwerkelijk uitstekend. Astro's adapter voor Cloudflare is goed onderhouden en het SSR-verhaal is solide. Voor Next.js is het werkbaar, maar je zult ruwe randen treffen.

Side-by-Side Kostenvergelijking

Laat me echte getallen geven voor drie veelvoorkomende scenario's. Alle prijzen zijn maandelijks, gebaseerd op 2026-pricing.

Metriek Vercel Pro Netlify Pro Cloudflare Pro
Basiskosten (3 teamleden) €60 €57 €20
2 TB bandbreedte €60 + €40 = €100 €57 + €55 = €112 €20
5M functie-invocations €60 + €24 = €84 €57 + €22,50 = €79,50 €20
2 TB bandbreedte + 5M invocations €124 €134,50 €20
Image optimization (20K afbeeldingen) +€75 +€0 (gebruik externe) +€5
Analytics Inbegrepen (basis) +€9/site Gratis (basis via CF dashboard)

Die Cloudflare kolom is geen typefout. Voor bandbreedterijke, matig-traffic sites is Cloudflare Pages dramatisch goedkoper.

Real-World Scenario: Marketing Site met 500K Maandelijkse Bezoekers

Een typische marketing site voor een middelgroot bedrijf: 30 pagina's, CMS-aangedreven inhoud, contactformulieren, misschien een blog met 200 posts. Statische generatie met wat ISR voor de blog.

Aannames:

  • 500K paginaweergaven/maand
  • 800 GB bandbreedte (afbeeldingen, fonts, etc.)
  • 600K serverless functie-invocations (ISR, formulierafhandeling, API routes)
  • 3 teamleden
  • 1.000 formulierinzendingen/maand
Vercel Pro Netlify Pro Cloudflare Pro
Basisplan €60 €57 €20
Bandbreedte-overage €0 €0 €0
Functie-overage €0 €0 €0
Formulieren Externe service €19 Externe service
Totaal €60 €76 €20

Op deze schaal zijn alle drie redelijk betaalbaar. De verschillen beginnen ertoe te doen wanneer je opschaalt.

Real-World Scenario: SaaS Dashboard met Heavy API Routes

Een dashboard app met geverifieerde gebruikers, real-time gegevens, veel API-aanroepen. Denk: analytics dashboard, projectmanagementsysteem of admin panel.

Aannames:

  • 50K actieve gebruikers
  • 8M paginaweergaven/maand
  • 2,5 TB bandbreedte
  • 15M functie-invocations
  • 5 teamleden
  • WebSocket-verbindingen (waar ondersteund)
Vercel Pro Netlify Pro Cloudflare Business
Basisplan €100 €95 €200
Bandbreedte-overage €600 €825 €0
Functie-overage €84 €97,50 €0
Totaal €784 €1.017,50 €200

Nu zijn de verschillen schrikbarend. Cloudflare's flat-rate model met onbeperkte bandbreedte schittert absoluut voor hoog-traffic dynamische apps. Maar onthoud—je wisselt kostenbesparingen in voor een meer beperkte runtime-omgeving.

Vercel zou je op deze schaal waarschijnlijk naar Enterprise pushen, wat typisch rond €1.500/maand begint, maar DDoS-bescherming, SLA-garanties en prioriteitsondersteuning inbegrepen.

Real-World Scenario: E-commerce Storefront

Een headless commerce site die Shopify of soortgelijk als backend gebruikt, met een Next.js of Astro frontend.

Aannames:

  • 200K maandelijkse bezoekers
  • 1,5M paginaweergaven (browse-gedrag)
  • 1,8 TB bandbreedte (productafbeeldingen)
  • 8M functie-invocations (productpagina's, winkelwagen, checkout, zoeken)
  • 15.000 bronafbeeldingen voor optimalisatie
  • 4 teamleden
Vercel Pro Netlify Pro Cloudflare Pro
Basisplan €80 €76 €20
Bandbreedte-overage €320 €440 €0
Functie-overage €42 €45 €0
Image optimization €50 Externe (€20-50) €5
Totaal €492 €581-611 €25

E-commerce is waar de bandbreedte-kosten echt bijten op Vercel en Netlify. Zelfs met agressieve caching consumeren productafbeeldingen snel bandbreedte.

Als je een headless storefront bouwt en kosten een factor zijn, verdient Cloudflare Pages serieuze overweging—aangenomen dat je framework van keus solide Cloudflare-ondersteuning heeft. Check onze pricing-pagina als je hulp wilt bij het evalueren van het juiste platform voor je specifieke project.

Verborgen Kosten Die Niemand Bespreekt

Preview Deployments

Alle drie platforms creëren preview deployments voor PR's. Op Vercel Pro krijg je onbeperkte preview deployments, maar ze verbruiken build minuten en functie-invocations. Een druk team dat 20 PR's/dag pusht met geautomatiseerde testen kan snel build minuten opbranden.

Middleware en Edge Execution

Vercel's middleware draait op elk verzoek dat zijn matcher-patroon overeenkomt. Als je middleware auth controleert op elke route, dat's een edge functie-invocation per verzoek. Op een site met 1M maandelijkse verzoeken, is dat 1M edge functie-invocations alleen voor middleware. Op €2 per 1M, is het goedkoop—maar het telt op gecombineerd met ander edge-gebruik.

Cron Jobs

Vercel berekent cron job invocations tegen je serverless functie-quota. Als je een cron hebt die elke minuut draait, is dat 43.200 invocations/maand van een enkele cron. Netlify's geplande functies werken soortgelijk. Cloudflare's Cron Triggers zijn inbegrepen in je Workers-verzoek-quota.

Build Minuten in Monorepo's

Als je een monorepo met Turborepo draait, herbouwt elke deployment meer dan je zou denken. Vercel's Remote Caching helpt, maar je zult nog steeds meer build minuten gebruiken dan een single-project repo. Ik heb monorepo's gezien die 3-5x de build minuten van gelijkwaardige standalone projecten verbruiken.

Developer Experience Kosten

Dit staat niet op enige factuur, maar het is echt. Vercel's DX voor Next.js is ongeëvenaard. Dingen werken gewoon. De deploy preview-opmerkingen, de speed insights, de integratie met de Next.js error overlay—het besparen developer uren. Als je developers €150/uur betaalt en Vercel bespaar elke developer 2 uur/maand in het debuggen van deployment-problemen, dat's €300/maand per developer. Reken dat in.

Welk Platform Moet Je Daadwerkelijk Kiezen

Na het deployen van dozijnen productie-sites op alle drie platforms, hier is mijn eerlijke oordeel:

Kies Vercel als:

  • Je bouwt met Next.js en wilt zero friction
  • DX telt meer dan €50/maand besparen
  • Je de nieuwste Next.js features op dag één nodig hebt
  • Je verkeer matig en voorspelbaar is

Kies Netlify als:

  • Je ingebouwde formulieren, identiteit of andere add-ons nodig hebt
  • Je team verkiest een meer visuele/UI-aangedreven deployment workflow
  • Je een framework buiten Next.js gebruikt (Hugo, Eleventy, etc.)
  • Edge functies een kernonderdeel van je architectuur zijn

Kies Cloudflare Pages als:

  • Bandbreedte-kosten significant zouden zijn op andere platforms
  • Je bouwt met Astro, SvelteKit of een ander CF-vriendelijk framework
  • Je de meest agressieve kostenoptimalisatie wilt
  • Je comfortabel bent met werken binnen Workers runtime-beperkingen
  • Je globale performance nodig hebt (CF's edge network is massief)

Voor de meeste client-werk bij Social Animal defaulten we naar Vercel voor Next.js projects en Cloudflare Pages voor Astro projects. De zeldzame Netlify deployment gebeurt wanneer een client bestaande Netlify-infrastructuur heeft of hun specifieke add-on functies nodig hebben.

Als je onzeker bent welke richting te gaan, neem contact met ons op—platform selectie is een van de eerste dingen die we in elke engagement regelen.

FAQ

Hoeveel kost Vercel daadwerkelijk voor een productie-site in 2026?

Voor een typische productie-site met matig verkeer (onder 500K maandelijkse bezoekers), verwacht je €60-120/maand op het Pro-plan afhankelijk van teamgrootte. Hoog-traffic sites met heavy dynamische rendering kunnen gemakkelijk €500-1.000/maand bereiken vanwege bandbreedte- en functie-invocation overages. Vercel's spend caps (geïntroduceerd in het late 2025) helpen factuurschok te voorkomen, maar je moet ze proactief instellen.

Is Cloudflare Pages daadwerkelijk gratis voor productie-gebruik?

De gratis tier is genuinely bruikbaar voor kleine productie-sites—onbeperkte bandbreedte is echt. Je bent echter beperkt tot 100K Workers-verzoeken per dag, 500 build minuten per maand en één build tegelijk. Voor elke serieuze productie-site met een team is het €20/maand Pro-plan het praktische minimum. Het is nog steeds dramatisch goedkoper dan alternatieven.

Kan ik Next.js op Cloudflare Pages gebruiken?

Ja, maar met voorbehouden. Het @cloudflare/next-on-pages package en de nieuwere OpenNext adapter werken beide, maar je zult beperkingen tegenkomen. Sommige Next.js features als native next/image optimalisatie hebben workarounds nodig, en de Workers runtime ondersteunt niet alle Node.js API's. App Router werkt, maar ik zou grondige testen van je specifieke patronen aanbevelen voordat je committed. Voor volledige Next.js compatibiliteit blijft Vercel het pad van de minste weerstand.

Waarom is mijn Vercel factuur hoger dan verwacht?

De meest voorkomende schuldigen zijn: middleware draait op elk verzoek (controleer je matcher-patronen), ISR/SSR pagina's genereren meer functie-invocations dan verwacht (elke parallelle data fetch kan een afzonderlijke invocation zijn), preview deployments verbruiken resources, en image optimization kosten voor sites met veel unieke afbeeldingen. Schakel Vercel's gebruik-dashboard in en controleer het wekelijks totdat je je verbruikspatronen begrijpt.

Is Netlify goedkoper dan Vercel in 2026?

Op het basis plan niveau zijn ze bijna identiek (€19 vs €20 per lid). Waar ze divergeren zijn overages: Netlify berekent €55 per 100 GB extra bandbreedte vs Vercel's €40. Netlify's serverless functie-overage is ook iets duurder. Echter, Netlify includiet onbeperkte edge functies op betaalde plans, wat kosten kan compenseren als je architectuur edge-zwaar is. Voor de meeste standaard web projecten eindigt Vercel iets goedkoper.

Bieden elk van deze platforms spend caps of billing alerts aan?

Vercel introduceerde spend caps op Pro plans in 2025—je kunt een harde limiet instellen, en je site zal doorgaan met het serveren van cached inhoud wanneer je het bereikt. Netlify biedt spend notificaties maar geen harde caps op Pro. Cloudflare's model is grotendeels flat-rate, wat overages minder een probleem maakt, maar ze bieden wel billing alerts voor Workers-gebruik. Stel altijd alerts in ongeacht platform.

Wat is het beste platform voor een headless CMS site?

Het hangt af van het framework. Voor Next.js met een headless CMS (Sanity, Contentful, Storyblok), biedt Vercel de gladste ervaring met features als on-demand ISR en draft mode. Voor Astro-gebaseerde headless CMS sites geeft Cloudflare Pages je ongelooflijke performance tegen een fractie van de kosten. De CMS keuze zelf bepaalt zelden het platform—het is het frontend framework dat het meest telt.

Moet ik Vercel Enterprise gebruiken of alternatieven verkennen?

Als je Vercel Pro factuur consistent boven €800/maand uitkomt, is het de moeite waard om het Enterprise-gesprek te voeren—niet omdat het per se goedkoper is, maar omdat je SLA-garanties, DDoS-bescherming en een dedicated support engineer krijgt. Alternativief, op dat uitgavenniveau, kan dynamische workloads naar Cloudflare Workers migreren terwijl je statische assets op elke CDN houdt, de kosten met 60-70% kunnen snijden. We hebben deze migratie voor verschillende clients gedaan en het is niet zo pijnlijk als het klinkt.