Ik implementeer sinds 2020 productie Next.js en Astro-sites voor klanten. Elk jaar wordt het prijsgesprek ingewikkelder — niet omdat de platforms duurder zijn (hoewel sommige dat zijn), maar omdat de factureringsmodellen steeds veranderen op manieren die eerlijke vergelijkingen echt moeilijk maken.

Vorige maand zette ik invoices van drie platforms over negen clientprojecten op een rij en deed de berekeningen. Niet de "rekenmachine op hun prijspagina" berekeningen. De echte berekeningen. De "waarom is deze rekening $340 terwijl ik $80 had ingeschat" berekeningen.

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

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

Inhoudsopgave

Waarom platformprijzen ingewikkelder zijn 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 nevenproject, is het dat echt. Het probleem begint wanneer je werkelijk verkeer hebt, werkelijke dynamische routes en werkelijke bedrijfsvereisten.

Hier is wat de vergelijking lastig maakt:

  • Facturingseenheden verschillen. Vercel berekent functieaanroepen en uitvoeringstijd. Netlify berekent "serverless functieuitvoeringen" met een andere definitie. Cloudflare berekent Workers-aanvragen. Dit zijn niet dezelfde dingen.
  • Bandbreedtedefinities variëren. Sommige platforms tellen edge cache hits. Anderen niet. Sommige berekenen bandbreedteoptimalisatie voor afbeeldingen apart.
  • Overschrijdingen zijn waar het geld zit. Het basisplan kan $20/maand zijn, maar een verkeerstoename kan je rekening stiekem vermeervoudigen.

Ik heb teams Vercel kiezen omdat "het goed werkt met Next.js" zonder te beseffen dat hun ISR-zware architectuur 2 miljoen functieaanroepen per maand zou genereren. Dat is niet hypothetisch — dat was een van onze Next.js development klanten vorig jaar.

Vercel Prijsbreuk 2026

Vercel heeft zijn prijsstructuur eind 2025 bijgewerkt, en het huidige model (vanaf Q1 2026) ziet er als volgt uit:

Plantypes

Plan Maandelijkse kosten Teamleden Bandbreedte Serverless functieuitvoeringen Edge functieaanroepen Buildminuten
Hobby $0 1 100 GB 100K 500K 6.000/mnd
Pro $20/lid Tot 10 1 TB 1M 1M inbegrepen 24.000/mnd
Enterprise Aangepast Onbeperkt Aangepast Aangepast Aangepast Aangepast

Wat werkelijk geld kost

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

  • Extra bandbreedte: $40 per 100 GB na de inbegrepen 1 TB
  • Extra serverless functieuitvoeringen: $6 per 1M na de eerste 1M
  • Extra edge functieaanroepen: $2 per 1M
  • Edge Middleware: Wordt standaard op elk verzoek uitgevoerd. Als je middleware gebruikt voor authentificatie of omleidingen, triggert elke paginaweergave dit.
  • Afbeeldingsoptimalisatie: 5.000 bronafbeeldingen inbegrepen op Pro; $5 per extra 1.000 bronafbeeldingen
  • Web Analytics: Inbegrepen, maar Geavanceerde Analytics begint bij $10/project/maand
  • DDoS-bescherming & WAF: Alleen op Enterprise

De serverless functie valkuil

Dit is degene die mensen grijpt. In een Next.js App Router project, elke page.tsx die servercomponenten gebruikt, elke API route, elke Server Action — deze tellen allemaal als serverless functieaanroepen. Een enkele paginalaadbeurt kan meerdere functieaanroepen triggeren als je parallelle gegevensbezorging hebt.

Ik controleerde vorig kwartaal een clientproject en ontdekte dat een enkele productpagina 4 functieaanroepen per bezoek genereerde: één voor de layout, één voor de productgegevens, één voor aanbevelingen en één voor voorraaadstatus. Bij 200K paginaweergaven per maand, dat is 800K functieaanroepen van slechts één pagina.

// Elk van deze genereert een afzonderlijke functieaanroep op Vercel
// app/products/[slug]/page.tsx
export default async function ProductPage({ params }) {
  const product = await getProduct(params.slug); // aanroep 1
  const recommendations = await getRecommendations(params.slug); // aanroep 2
  const inventory = await getInventory(params.slug); // aanroep 3
  
  return <ProductView product={product} recommendations={recommendations} inventory={inventory} />;
}

Je kunt deze bundelen, maar de standaardpatronen in de meeste tutorials doen dit niet.

Vercel's prijswijzigingen 2025-2026

Vercel maakte een opmerkelijke verschuiving eind 2025 door "Fluid Compute" als hun standaard uitvoeringsmodel in te voeren, waarbij het oudere per-aanroepmodel voor serverless werd vervangen door een meer containerachtig model dat functies langer warm houdt. Dit vermindert eigenlijk de kosten voor apps met consistent verkeer, maar ruitvormig verkeerspatroon krijgt nog steeds flink klappen.

Ze introduceerden ook uitgavenlimiten op Pro-plannen — je kunt nu een maximale maandelijkse uitgave instellen, wat echt nuttig is. Voorheen waren ongeremd stijgende rekeningen een echt probleem.

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

Netlify Prijsbreuk 2026

Netlify herstructureerde hun prijzen begin 2025 en heeft deze relatief stabiel gehouden tot in 2026.

Plantypes

Plan Maandelijkse kosten Teamleden Bandbreedte Serverless functies Edge functies Buildminuten
Starter $0 1 100 GB 125K aanroepen Onbeperkt 300/mnd
Pro $19/lid Tot 10 1 TB 2M aanroepen Onbeperkt 25.000/mnd
Enterprise Aangepast Onbeperkt Aangepast Aangepast Aangepast Aangepast

Wat werkelijk geld kost

  • Extra bandbreedte: $55 per 100 GB (ja, duurder dan Vercel)
  • Extra serverless functieaanroepen: $7,50 per 1M
  • Grote mediaopslag: $2,50 per 100 GB
  • Formulieren: 100 inzendingen/maand op Starter; extra's voor $19/site/maand voor 1.000 inzendingen
  • Identity (Auth): 1.000 actieve gebruikers gratis; $99/site/maand voor 10.000
  • Analytics: $9/site/maand

Sterktes en zwaktes van Netlify

Netlify's edge functies die onbeperkt zijn op alle betaalde plannen is echt goed. Als je architectuur sterk leunt op edge-logica — geolocatiegebaseerde routing, A/B-tests aan de edge, verificatie van autorisatietokens — zal Netlify je hier niet extra voor berekenen.

De zwakte? Netlify's serverless functies draaien onder de motorkap op AWS Lambda, en cold starts zijn aanzienlijk slechter dan die van Vercel in mijn tests (gemiddeld 300-500ms versus Vercel's 100-200ms voor vergelijkbare Node.js functies begin 2026).

Ook is Netlify's Next.js-ondersteuning, hoewel aanzienlijk verbeterd met hun runtime v5, nog steeds achter op die van Vercel. Functies zoals Partial Prerendering en Server Actions werken, maar ik ben tegen randzaken aangelopen die workarounds vereisten. Als je headless CMS development met een Next.js frontend doet, is dit van belang.

Cloudflare Pages Prijsbreuk 2026

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

Plantypes

Plan Maandelijkse kosten Teamleden Bandbreedte Workers-aanvragen KV-bewerkingen Buildminuten
Gratis $0 Onbeperkt Onbeperkt 100K/dag 100K lezen/dag 500/mnd
Pro $20/maand (vast) Onbeperkt Onbeperkt 10M/maand 1B lezen/maand 5.000/mnd
Business $200/maand Onbeperkt Onbeperkt 50M/maand 5B lezen/maand 20.000/mnd

Het bandbreedte voordeel

Lees die tabel nog een keer. Onbeperkte bandbreedte op alle plannen, inclusief gratis. Dit is Cloudflare's moordwapen. Als je een mediarijke site runt of veel afbeeldingen en video's serveert, kunnen alleen de bandbreedtebesparing honderden dollars per maand zijn.

Wat werkelijk geld kost

  • Extra Workers-aanvragen: $0,30 per 1M na de planlimieten
  • Durable Objects: $0,15 per 1M aanvragen + opslagkosten
  • R2-opslag (indien gebruikt voor assets): $0,015 per GB/maand, $4,50 per 1M Class A-bewerkingen
  • Workers AI: Betalen per gebruik, varieert per model
  • Afbeeldingen: $5/maand voor 100K varianten; $1 per extra 100K

De nadeel met Cloudflare Pages

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

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

Voor Astro development is Cloudflare Pages eigenlijk uitstekend. Astro's adapter voor Cloudflare wordt goed onderhouden en het SSR-verhaal is solide. Voor Next.js, het is werkbaar maar je zult ruw edges raken.

Kostenvergelijking naast elkaar

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

Metriek Vercel Pro Netlify Pro Cloudflare Pro
Basiskosten (3 teamleden) $60 $57 $20
2 TB bandbreedte $60 + $40 = $100 $57 + $55 = $112 $20
5M functieaanroepen $60 + $24 = $84 $57 + $22,50 = $79,50 $20
2 TB bandbreedte + 5M aanroepen $124 $134,50 $20
Afbeeldingsoptimalisatie (20K afbeeldingen) +$75 +$0 (extern gebruiken) +$5
Analytics Inbegrepen (basis) +$9/site Gratis (basis via CF dashboard)

Die Cloudflare kolom is geen typo. Voor bandbreedterijke, gemiddeld verkeerssterkte sites, is Cloudflare Pages dramatisch goedkoper.

Praktijkscenario: Marketingsite met 500K maandelijkse bezoekers

Een typische marketingsite voor een middelgroot bedrijf: 30 pagina's, CMS-gestuurde inhoud, contactformulieren, misschien een blog met 200 berichten. Statische generatie met wat ISR voor de blog.

Aannames:

  • 500K paginaweergaven/maand
  • 800 GB bandbreedte (afbeeldingen, lettertypen, etc.)
  • 600K serverless functieaanroepen (ISR, formulierverwerking, API routes)
  • 3 teamleden
  • 1.000 formulierinzendingen/maand
Vercel Pro Netlify Pro Cloudflare Pro
Basisplan $60 $57 $20
Bandbreedteoverschrijding $0 $0 $0
Functieoverschrijding $0 $0 $0
Formulieren Externe service $19 Externe service
Totaal $60 $76 $20

Op deze schaal zijn alle drie behoorlijk betaalbaar. De verschillen gaan ertoe doen als je opschaalt.

Praktijkscenario: SaaS Dashboard met intensieve API Routes

Een dashboard-app met geverifieerde gebruikers, realtime-gegevens, veel API-aanroepen. Denk: analytics dashboard, projectbeheertool of admin panel.

Aannames:

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

Nu zijn de verschillen scherp. Cloudflare's vastgesteld tarief met onbeperkte bandbreedte schittert echt voor apps met veel verkeer en dynamica. Maar onthoud — je verwisselt kostenbesparing voor een meer beperkte runtime-omgeving.

Vercel zou je op deze schaal waarschijnlijk naar Enterprise duwen, wat meestal rond $1.500/maand begint, maar DDoS-bescherming, SLA-garanties en voorrangsteun omvat.

Praktijkscenario: E-commerce winkel

Een headless e-commerce site met Shopify of soortgelijk als de backend, met een Next.js of Astro frontend.

Aannames:

  • 200K maandelijkse bezoekers
  • 1,5M paginaweergaven (surfgedrag)
  • 1,8 TB bandbreedte (productafbeeldingen)
  • 8M functieaanroepen (productpagina's, winkelwagen, kassa, zoekopdracht)
  • 15.000 bronafbeeldingen voor optimalisatie
  • 4 teamleden
Vercel Pro Netlify Pro Cloudflare Pro
Basisplan $80 $76 $20
Bandbreedteoverschrijding $320 $440 $0
Functieoverschrijding $42 $45 $0
Afbeeldingsoptimalisatie $50 Extern ($20-50) $5
Totaal $492 $581-611 $25

E-commerce is waar de bandbreedtekosten echt bijten op Vercel en Netlify. Zelfs met agressief cachen, eten productafbeeldingen bandbreedte op.

Als je een headless winkel bouwt en kosten zijn een factor, verdient Cloudflare Pages serieuze overweging — mits je framework van keuze solide Cloudflare-ondersteuning heeft. Check onze prijspagina als je hulp wilt bij het evalueren van het juiste platform voor je specifieke project.

Verborgen kosten waar niemand over praat

Preview-implementaties

Alle drie platforms maken preview-implementaties voor PR's. Op Vercel Pro krijg je onbeperkte preview-implementaties, maar ze verbruiken buildminuten en functieaanroepen. Een druk team dat 20 PR's/dag pushed met geautomatiseerde tests kan snel door buildminuten heen gaan.

Middleware en Edge-uitvoering

Vercel's middleware draait op elk verzoek dat past bij het matcher-patroon. Als je middleware authentificatie controleert op elke route, dat is een edge functieaanroep per verzoek. Op een site met 1M maandelijkse verzoeken, dat is 1M edge functieaanroepen alleen voor middleware. Bij $2 per 1M, is het goedkoop — maar het telt op in combinatie met ander edge-gebruik.

Cronjobs

Vercel berekent cronjob-aanroepen mee in je serverless functiequota. Als je een cron hebt die elke minuut draait, dat is 43.200 aanroepen/maand van slechts één cron. Netlify's geplande functies werken op soortgelijke wijze. Cloudflare's Cron Triggers zijn inbegrepen in je Workers-aanvraagquota.

Buildminuten in Monorepo's

Als je een monorepo met Turborepo draait, bouwt elke implementatie meer dan je zou denken. Vercel's Remote Caching helpt, maar je zult nog steeds meer buildminuten gebruiken dan een enkel-project repo. Ik heb monorepo's gezien die 3-5x de buildminuten van gelijkwaardige zelfstandige projecten verbruiken.

Kosten voor ontwikkelaarservaring

Dit staat niet op enige rekening, maar het is echt. Vercel's DX voor Next.js is onovertroffen. Dingen werken gewoon. De deploy preview opmerkingen, de snelheidsinsichten, de integratie met de Next.js foutoverlay — het bespaart ontwikkelaarsuren. Als je ontwikkelaars betaalt op $150/uur en Vercel bespaart elke dev 2 uur/maand in debug van implementatieproblemen, dat is $300/maand per ontwikkelaar waard. Reken dat in.

Welk platform moet je eigenlijk kiezen

Na het implementeren van tientallen productiesites op alle drie platforms, hier is mijn eerlijke mening:

Kies Vercel als:

  • Je Next.js bouwt en nul friction wilt
  • DX meer uitmaakt dan $50/maand sparen
  • Je de nieuwste Next.js functies op dag één nodig hebt
  • Je verkeer is gemiddeld en voorspelbaar

Kies Netlify als:

  • Je ingebouwde formulieren, identiteit of andere add-ons nodig hebt
  • Je team de voorkeur geeft aan een visueler/UI-gestuurd implementatiewerkstroom
  • Je een ander framework dan Next.js gebruikt (Hugo, Eleventy, etc.)
  • Edge functies zijn een kernonderdeel van je architectuur

Kies Cloudflare Pages als:

  • Bandbreedtekosten significant zouden zijn op andere platforms
  • Je bouwt met Astro, SvelteKit of ander CF-vriendelijk framework
  • Je de meest agressieve kostoptimalisatie wilt
  • Je je comfortabel voelt bij het werken binnen Workers runtime-beperkingen
  • Je globale prestaties nodig hebt (CF's edge netwerk is enorm)

Voor het meeste van ons clientwerk bij Social Animal, kiezen we standaard Vercel voor Next.js projects en Cloudflare Pages voor Astro projects. De zeldzame Netlify-implementatie gebeurt wanneer een klant bestaande Netlify-infrastructuur heeft of hun specifieke add-on functies nodig heeft.

Als je onzeker bent welke richting je op moet, neem contact met ons op — platformselectie is een van de eerste dingen die we in elk engagement vastleggen.

Veelgestelde vragen

Hoeveel kost Vercel werkelijk voor een productiesite in 2026? Voor een typische productiesite met gemiddeld verkeer (onder 500K maandelijkse bezoekers), verwacht ongeveer $60-120/maand op het Pro-plan afhankelijk van teamgrootte. Sites met veel verkeer en intensieve dynamische rendering kunnen gemakkelijk $500-1.000/maand bereiken vanwege bandbreedte- en functieaanroepoverschrijdingen. Vercel's uitgavenlimiten (geïntroduceerd eind 2025) helpen tegen billshock voorkomen, maar je moet ze proactief instellen.

Is Cloudflare Pages werkelijk gratis voor productiegebruik? De gratis tier is echt bruikbaar voor kleine productiesites — onbeperkte bandbreedte is echt. Je bent echter beperkt tot 100K Workers-aanvragen per dag, 500 buildminuten per maand en één build tegelijk. Voor elke serieuze productiesite 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 pakket en de nieuwere OpenNext adapter werken beide, maar je zult beperkingen tegenkomen. Sommige Next.js functies zoals 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 tests van je specifieke patronen aanbevelen voordat je je eraan vastlegt. Voor volledige Next.js compatibiliteit blijft Vercel het gemakkelijkste pad.

Waarom is mijn Vercel-rekening hoger dan verwacht? De meest voorkomende schuldigen zijn: middleware draait op elk verzoek (controleer je matcher-patronen), ISR/SSR-pagina's genereren meer functieaanroepen dan verwacht (elke parallelle gegevensbezorging kan een afzonderlijke aanroep zijn), preview-implementaties verbruiken resources, en afbeeldingsoptimalisatiekosten voor sites met veel unieke afbeeldingen. Schakel Vercel's gebruiksdashboard in en controleer het wekelijks totdat je je verbruikspatronen begrijpt.

Is Netlify goedkoper dan Vercel in 2026? Op het basisplanniveau zijn ze bijna identiek ($19 versus $20 per lid). Waar ze verschillen is overschrijdingen: Netlify berekent $55 per 100 GB extra bandbreedte versus Vercel's $40. Netlify's serverless functieoverschrijding is ook iets duurder. Netlify omvat echter onbeperkte edge functies op betaalde plannen, wat kosten kan compenseren als je architectuur edge-zwaar is. Voor de meeste standaard webprojecten eindigt Vercel iets goedkoper.

Bieden een van deze platforms uitgavenlimiten of factureringswaarschuwingen? Vercel introduceerde uitgavenlimiten op Pro-plannen in 2025 — je kunt een harde limiet instellen, en je site zal doorgaan met het serveren van cached content wanneer je deze bereikt. Netlify biedt uitgavenmeldingen aan maar geen harde limieten op Pro. Cloudflare's model is grotendeels vastgesteld tarief, waardoor overschrijdingen minder een probleem zijn, maar ze bieden wel factureringswaarschuwingen voor Workers-gebruik. Stel altijd waarschuwingen in ongeacht het 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 soepelste ervaring met functies zoals on-demand ISR en draft mode. Voor Astro-gebaseerde headless CMS sites geeft Cloudflare Pages je ongelooflijke prestaties voor een fractie van de kosten. De CMS-keuze zelf dicteert zelden het platform — het is het frontend framework dat het meest uitmaakt.

Zou ik Vercel Enterprise moeten gebruiken of alternatieven verkennen? Als je Vercel Pro rekening consistent hoger is dan $800/maand, is het het Enterprise-gesprek waard hebben — niet omdat het per se goedkoper is, maar omdat je SLA-garanties, DDoS-bescherming en een dedicated support engineer krijgt. Als alternatief, op dat uitgavenniveau, kan het migreren van dynamische workloads naar Cloudflare Workers terwijl je statische assets op elke CDN houdt, kosten met 60-70% verlagen. We hebben deze migratie voor verschillende klanten gedaan en het is niet zo pijnlijk als het klinkt.