We've maintained over a hundred production sites built on modern stacks -- Next.js, Astro, headless CMS setups, the works. And the single most common question we get from clients isn't about design or features. It's: "What's this going to cost me every month after launch?"

Fair question. And honestly, the answer you'll find on most agency websites is garbage. They either lowball it to close the deal or give you a range so wide it's meaningless ("$50 to $5,000/month" -- thanks, very helpful). So let's actually break this down with real numbers from real projects we've worked on in 2025 and into 2026. If you already know what you need and want to skip ahead, submit your RFP and we'll get back to you with real numbers, not hand-waving.

Inhoudsopgave

Waarom moderne stacks de onderhoudsberekening veranderen

Als je uit de WordPress-wereld komt, ben je gewend aan een bepaald onderhoudsritme: plugins updaten, core updaten, hopen dat niets breekt, het kapotte ding repareren, betalen voor managed hosting die dit gedeeltelijk voor je regelt. Het is een lopende band.

Moderne stacks als Next.js en Astro draaien dit om. Er is geen monolithische server die je moet patchen. Geen plugin-ecosysteem waar één verlaten pakket je site kan verwoesten. Geen database die elk kwartaal moet worden geoptimaliseerd.

Maar hier is het onderdeel dat mensen missen: ze hebben hun eigen onderhoudsprofiel. Je hebt het ene set problemen geruild voor een ander set. Dependency-updates in package.json hebben nog steeds aandacht nodig. Je headless CMS heeft nog steeds een abonnementskosten. Serverless functions hebben cold starts die moeten worden gemonitord. Edge network configs moeten worden afgestemd.

Het goede nieuws? Voor de meeste sites zijn de totale eigendomskosten lager. Vaak aanzienlijk lager. Maar "lager" betekent niet "nul", en ik heb te veel teams een glimmend Astro-site zien lanceren en zich vervolgens verrast voelen wanneer dingen zes maanden later aandacht nodig hebben.

De hoofdkostencategorieën

Voordat we in specifieke getallen duiken, laten we in kaart brengen wat eigenlijk geld kost. Elk onderhoudsbudget voor websites, ongeacht de stack, verdeelt zich in deze categorieën:

  1. Hosting & Infrastructuur -- Waar je code draait
  2. CMS & Third-party services -- Contentbeheer, formulieren, zoeken, analytics
  3. Beveiliging & Dependency-updates -- Dingen gepatched en veilig houden
  4. Prestatiebewaking -- Zorg dat het snel blijft
  5. Content-updates & Feature work -- Doorlopende ontwikkelingstijd
  6. Domein & SSL -- De saaie dingen die nog steeds geld kosten

Laten we elk ervan doornemen.

Hosting- en infrastructuurkosten

Dit is waar moderne stacks uitblinken. Een statische Astro-site of een Next.js-app die is geïmplementeerd op een edge-platform kost een fractie van traditionele hosting.

Astro-sites (meestal statisch)

Als je Astro-site zuiver statisch is -- en veel zijn dat, dat is soort het hele punt -- dan kunnen je hostingkosten belachelijk laag zijn.

  • Cloudflare Pages: Gratis voor onbeperkte sites, onbeperkte bandbreedte. Ja, echt. Je betaalt $0/maand voor het hosten van een statische Astro-site op Cloudflare Pages in 2026. Hun betaalde plan voor $20/maand voegt web analytics en meer build-minuten toe, maar de meeste sites hebben dat niet nodig.
  • Netlify: Gratis tier dekt 100GB bandbreedte/maand en 300 build-minuten. Hun Pro-plan is $19/maand per lid. Voor een typische bedrijfssite met 50k-100k pageviews/maand werkt de gratis tier prima.
  • Vercel: Gratis voor hobbygebruik. Pro-plan is $20/maand per lid met 1TB bandbreedte.

Voor Astro-sites met SSR (server-side rendering) via Astro's server islands of hybrid mode heb je een platform nodig dat serverless functions ondersteunt. Cloudflare Workers, Netlify Functions, of Vercel Serverless werken allemaal, en kosten schalen met gebruik. Voor de meeste bedrijfssites betaal je $0-25/maand.

Next.js-sites

Next.js is een ander verhaal. Zelfs als je statische pagina's genereert met generateStaticParams, gebruiken de meeste Next.js-sites enkele dynamische functies -- API-routes, server-componenten, ISR (Incremental Static Regeneration), middleware.

  • Vercel (de voor de hand liggende keuze): Pro-plan voor $20/maand per teamlid. Dit is waar de meeste Next.js-apps belanden. Maar let op je serverless function-aanroepen -- het Pro-plan omvat 1M function-aanroepen/maand. Sites met veel verkeer of sites met agressieve ISR kunnen voorbij gaan. We hebben clients zien uitkomen op $100-300/maand op Vercel voor middelgroot e-commerce sites.
  • AWS Amplify: Betaal-naar-gebruik model. Doorgaans $5-50/maand voor standaard bedrijfssites. Complexer om in te stellen dan Vercel, maar kan goedkoper zijn op schaal.
  • Coolify / Self-hosted: Als je de ops-vaardigheden hebt, kun je Next.js draaien op een $20-50/maand VPS. We raden dit niet aan voor de meeste clients -- je verhandelt hostingkosten voor ops-tijd, en ops-tijd is niet gratis.

Een opmerking over Vercel-prijzen in 2026

Vercel heeft zijn prijsstructuur eind 2025 bijgewerkt, en de Enterprise-tier begint nu op $2,500/maand. Als je in een team van 5+ ontwikkelaars werkt of geavanceerde functies nodig hebt zoals spend protection, SAML SSO, of dedicated support, dan land je op die tier. Voor de meeste kleine tot middelgrote bedrijven is het Pro-plan met $20/zitting prima.

CMS- en third-party servicekosten

Je headless CMS is meestal het grootste regelitem na hosting. Dit is wat de grote spelers in 2026 in rekening brengen:

CMS Gratis tier Pro/Team tier Enterprise
Sanity 3 gebruikers, 100K API-aanroepen/mnd $15/gebruiker/mnd (Growth) Aangepaste prijzen
Contentful 1 space, 5 gebruikers $300/mnd (Team) Aangepaste prijzen
Storyblok 1 gebruiker, 1 space €99/mnd (Business) Aangepaste prijzen
Payload CMS Self-hosted (gratis) Payload Cloud vanaf $35/mnd Aangepaste prijzen
WordPress (headless) Self-hosted Managed: $25-50/mnd $200+/mnd
Keystatic Gratis (op bestand gebaseerd) Gratis N/A
Decap CMS Gratis (Git-gebaseerd) Gratis N/A

Voor onze projecten bij Social Animal raden we vaak aan Sanity voor headless CMS-instellingen omdat de gratis tier echt genereus is en de developer experience uitstekend. Voor eenvoudige sites kunnen op bestanden gebaseerde opties als Keystatic CMS-kosten volledig elimineren.

Naast de CMS heb je nog andere services die samen optellen:

  • Analytics: Plausible ($9/mnd), Fathom ($14/mnd), of Vercel Analytics (inbegrepen in Pro)
  • Formulierverwerking: Formspree ($10/mnd), of bouw gewoon een serverless function
  • Zoeken: Algolia (gratis tot 10K aanroepen/mnd, daarna $1/1K aanroepen), of Pagefind (gratis, draait aan clientzijde)
  • Email/Nieuwsbrief: Resend ($20/mnd voor 50K e-mails), Mailchimp (gratis tot 500 contacten)
  • Image CDN: Cloudinary (gratis tier: 25K transformaties/mnd), of gebruik gewoon de ingebouwde image pipeline van je CMS

Een realistisch maandelijks totaal voor third-party services op een kleine tot middelgrote bedrijfssite: $30-150/maand.

Beveiliging, updates en afhankelijkheidenbeheer

Dit is waar het onderhoudsgeld "arbeid" zit. En het is de kost die de meeste artikelen over websiteonderhoud handig negeren omdat het moeilijker is om een getal op te zetten.

Dependency-updates

We kregen dit vroeg op schaal: een Next.js-project van een client had 137 directe dependencies, en na drie maanden van verwaarlozing schreeuwde npm audit over 14 kwetsbaarheden, waarvan 3 kritiek. Dat is een typisch scenario. Een Next.js-project draagt 50-150 directe dependencies met zich mee. Astro-projecten hebben er meestal minder -- misschien 20-60. Ieder krijgt updates, en sommige van die updates zijn veiligheidsupdates die je echt moet toepassen.

Onze onderhoudsaanpak:

# We voeren dit wekelijks uit op clientprojecten
npm audit
npx npm-check-updates -u --target minor
npm install
npm run build
npm run test

Voor kritieke veiligheidsupdates passen we deze toe binnen 48 uur. Voor minor en major versie-bumps batchen we ze maandelijks en testen goed.

Tijdsinvestering: 2-4 uur/maand voor een typische site. Tegen agentschapstarief ($150-200/uur) is dat $300-800/maand.

Als je dit zelf doet en je weet wat je doet, kun je dit naar beneden brengen tot 1-2 uur. Tools als Renovate Bot of Dependabot kunnen het PR-creëren automatiseren, maar iemand moet nog steeds beoordelen en samenvoegen.

SSL- en domeinkostveruitsing

SSL is in 2026 overal gratis waar het toe doet (Let's Encrypt, Cloudflare, Vercel, Netlify regelen dit allemaal automatisch). Domeinkostveruitsing is $10-50/jaar afhankelijk van je TLD. Niet het moeite waard om je druk over te maken, maar vergeet niet auto-renew in te stellen.

Beveiligingsheaders en configuratie

Dit is een taak van instellen en meestal vergeten. Content Security Policy headers, CORS-configuratie, rate limiting op API-routes. We configureren dit meestal tijdens de build-fase en herzien het driemaandelijks.

// next.config.ts - Voorbeeld van beveiligingsheaders
const securityHeaders = [
  {
    key: 'X-Frame-Options',
    value: 'DENY',
  },
  {
    key: 'X-Content-Type-Options',
    value: 'nosniff',
  },
  {
    key: 'Referrer-Policy',
    value: 'strict-origin-when-cross-origin',
  },
  {
    key: 'Content-Security-Policy',
    value: "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline';",
  },
];

Tijdsinvestering: 1-2 uur/kwartaal.

Prestatiebewaking en -optimalisatie

Een snelle site lanceren is het ene. Het snel houden? Dat is het echte werk. Content editors voegen niet-geoptimaliseerde afbeeldingen toe. Marketing vraagt om een nieuw third-party script. Die 95 Lighthouse-score zakt langzaam naar 72.

Wat bewaking kost

  • Vercel Speed Insights: Inbegrepen in Pro-plan ($0 extra)
  • Calibre: Vanaf $45/maand voor webprestatiebewaking
  • SpeedCurve: Vanaf $11.90/maand
  • Google Search Console + PageSpeed Insights: Gratis, en eerlijk gezegd voldoende voor de meeste sites

Hoe optimalisatiewerk eruitziet

Ieder kwartaal voeren we een prestatieaudit uit op clientsites:

  1. Controleer Core Web Vitals in Search Console
  2. Voer Lighthouse CI uit tegen sleutelpagina's
  3. Controleer bundlegrootte met next/bundle-analyzer of Astro's ingebouwde build-output
  4. Controleer op layout shift-regressies
  5. Controleer imageoptimalisatie (gebruiken nieuwe afbeeldingen de juiste formaten?)

Tijdsinvestering: 3-6 uur/kwartaal, of ongeveer 1-2 uur/maand gemiddeld.

Content-updates en feature work

Dit is de wildcard. Sommige clients lanceren een site en raken haar nauwelijks aan. Anderen willen wekelijkse updates, nieuwe landingspagina's, blogposts waarvoor aangepaste componenten nodig zijn, en feature-toevoegingen.

De schoonheid van een headless CMS-instellingen is dat content-updates meestal zelfbediening zijn. Je marketingteam logt in op Sanity of Storyblok, maakt wijzigingen, en de site bouwt automatisch opnieuw. Geen ontwikkelaar nodig voor 90% van het contentwerk.

Maar dan is er de andere 10%:

  • "Kunnen we een prijscalculator aan deze pagina toevoegen?"
  • "We hebben een nieuwe landingspaginatemplate nodig voor onze Q3-campagne"
  • "De blog heeft een table of contents-component nodig"
  • "Kunnen we integreren met HubSpot?"

Dit is echt ontwikkelaarswerk, en het varieert enorm. We raden clients meestal aan om 5-10 uur/maand ontwikkelingstijd in te plannen voor voortdurende verbeteringen. Tegen onze tarieven geeft dat je genoeg ruimte om betekenisvolle verbeteringen te maken zonder je bank stuk te gaan. Als je nu een project inschaalt en duidelijkheid wilt over wat de voortdurende kosten zullen zijn, stuur ons je RFP en we zullen een onderhoudsschatting meesturen naast het bouwofferte.

Volledige kostenvergelijking: Next.js vs Astro vs WordPress

Laten we het allemaal samenbrengen. Dit is wat een typische kleine tot middelgrote bedrijfssite maandelijks kost om te onderhouden, uitgesplitst per stack:

Kostencategorie Next.js (Vercel) Astro (Cloudflare) WordPress (Managed)
Hosting $20-100/mnd $0-20/mnd $30-100/mnd
CMS $0-99/mnd (Sanity/Payload) $0-99/mnd (Sanity/Keystatic) $0 (ingebouwd)
Domein + SSL ~$3/mnd ~$3/mnd ~$3/mnd
Third-party services $30-100/mnd $20-80/mnd $50-150/mnd (plugins)
Beveiliging/updates (arbeid) $300-600/mnd $200-400/mnd $200-500/mnd
Prestatiebewaking $0-50/mnd $0-50/mnd $0-50/mnd
Content-updates (arbeid) $750-1,500/mnd $750-1,500/mnd $500-1,000/mnd
TOTAAL (met arbeid) $1,100-2,450/mnd $975-2,150/mnd $785-1,800/mnd
TOTAAL (DIY arbeid) $53-350/mnd $23-250/mnd $83-300/mnd

Een paar dingen springen eruit:

  1. Arbeid is de grootste kostenfactor, ongeacht welke stack je hebt. Hosting en tooling zijn bijna onbeduidend in vergelijking.
  2. Astro wint op infrastructuurkosten omdat statische sites vrijwel gratis te hosten zijn.
  3. WordPress ziet er goedkoper uit op papier als je content-updates zelf behandelt, maar die vergelijking is misleidend -- WordPress-onderhoud omvat een constante stroom van plugin-updates en veiligheidsupdates die moderne stacks gewoon niet hebben.
  4. De DIY-rij is voor teams die hun eigen ontwikkeling afhandelen. Als je een interne ontwikkelaar hebt, zijn je moeilijke kosten opmerkelijk laag.

Hoe je maandelijkse onderhoudsrekening verlagen

Na jaren van het onderhouden van sites op deze stacks, dit is wat werkelijk verschil maakt op kosten:

Kies Astro voor contentrijke sites

Als je site primair content is -- marketingpagina's, blog, documentatie -- Astro is de betere keuze. Het verzendt standaard minder JavaScript, wat betekent dat minder dingen kapot kunnen gaan, snellere builds, en goedkopere hosting. We hebben genoeg Astro-sites gebouwd die letterlijk $0/maand kosten om te hosten.

Gebruik Next.js wanneer je het nodig hebt

Als je authenticatie, dynamische dashboards, complexe data-ophaling, of zware interactiviteit nodig hebt, Next.js is de juiste oproep. Zorg ervoor dat je met open ogen ingaat in de infrastructuurkosten op schaal.

Kies een CMS met een genereuze gratis tier

De gratis tier van Sanity regelt de meeste sites voor kleine bedrijven zonder zweet. Payload CMS is open-source en zelf te hosten. Keystatic is volledig gratis voor op bestanden gebaseerde content. Betaal niet $300/maand voor Contentful wanneer Sanity met $0/maand hetzelfde werk voor 90% van de use cases doet.

Automatiseer wat je kunt

Stel Renovate Bot in voor dependency-updates. Gebruik GitHub Actions voor geautomatiseerde tests op elke PR. Configureer Lighthouse CI om prestatieregressions te vangen voordat ze productie raken.

# .github/workflows/lighthouse.yml
name: Lighthouse CI
on: pull_request
jobs:
  lighthouse:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 22
      - run: npm ci && npm run build
      - uses: treosh/lighthouse-ci-action@v12
        with:
          configPath: ./lighthouserc.json
          uploadArtifacts: true

Bundel onderhoud in een retainer

Dit is eigenbelang, zeker, maar het is ook echt goedkoper. Ad-hoc onderhoudwerk kost meer per uur dan retainer-werk omdat van contextwisseling overhead. Een maandelijkse retainer met een agentschap dat je codebase kent -- zoals ons -- bespaart doorgaans 15-25% vergeleken met stukwerk van freelancers.

Investeer in documentatie tijdens build

De meest kosteneffectieve onderhoudsinvestering gebeurt tijdens de initiële bouw. Elk uur dat aan goede documentatie wordt besteed, bespaart 3-5 uur onderhoudswerk later. We documenteren ieder project met:

  • Architectuurbeslissingsrecords
  • CMS-contentmodelgids voor editors
  • Instructies voor implementatie en omgevingsinstallatie
  • Third-party servicegegevens en vernieuwingsdata

Veelgestelde vragen

Hoeveel kost het om een Next.js-website per maand te onderhouden? De harde infrastructuurkosten voor een Next.js-site in 2026 bedragen meestal $50-350/maand, inclusief hosting op Vercel of AWS, een headless CMS-abonnement, en third-party services zoals analytics en formulierverwerking. Wanneer je professionele onderhoudsarbeid voor dependency-updates, beveiligingsupdates, en voortdurend feature work meerekenst, bedraagt het totaal $1,100 tot $2,450/maand. Teams met interne ontwikkelaars kunnen de arbeidskosten naar nul brengen en gewoon de infrastructuurkosten betalen.

Is Astro goedkoper om te onderhouden dan Next.js? Ja, over het algemeen. Astro-sites hebben lagere infrastructuurkosten omdat ze standaard statische output produceren, die gratis op Cloudflare Pages of Netlify kunnen worden gehost. Ze hebben ook doorgaans minder dependencies, wat betekent dat er minder onderhoudsoverhead op updates en veiligheidsupdates is. Het verschil is het meest uitgesproken op inhoudsgerichte sites -- voor zeer dynamische applicaties kan Next.js ongeacht kosten de enige levensvatbare optie zijn.

Wat is de goedkoopste manier om een moderne JavaScript-website in 2026 te hosten? Cloudflare Pages is de duidelijke winnaar voor statische sites -- het is gratis met onbeperkte bandbreedte en geen limieten per site. Voor sites die server-side rendering of API-routes nodig hebben, biedt Cloudflare Workers een genereuze gratis tier van 100.000 aanroepen/dag. Vercel en Netlify hebben beide ook gratis lagen, hoewel ze met bandbreedte- en build-minutelimieten komen waarmee groeiende sites uiteindelijk zullen uitgroeien.

Hoe vaak hebben Next.js- en Astro-sites updates nodig? We raden aan wekelijks op dependency-updates te controleren en deze maandelijks in batches toe te passen. Kritieke veiligheidsupdates moeten binnen 48 uur worden toegepast. Next.js en Astro geven beide ruwweg maandelijks minor versies uit, en major versies jaarlijks. In tegenstelling tot WordPress zie je geen constante stroom van plugin-updates -- maar je moet je core framework en dependencies nog steeds actueel houden.

Hebben headless CMS-platforms verborgen kosten? Sommige wel. Pas op voor API-aanroeplimieten (Contentful en Sanity beide limits op lagere lagen), asset-opslaglimieten, en per-gebruiker pricing die snel oploopt voor grotere teams. De gratis tier van Sanity is genereus met 100K API-aanroepen/maand, maar een site met veel verkeer met caching uitgeschakeld kan voorbij gaan. Payload CMS vermijdt dit volledig omdat het zelf gehost wordt -- je betaalt gewoon voor de server.

Is websiteonderhoud goedkoper dan WordPress voor moderne stacks? Het hangt ervan af hoe je het meet. De infrastructuurkosten zijn vergelijkbaar of lager. De echte besparingen komen van verminderd veiligheidsrisico (geen PHP-kwetsbaarheden, geen plugin-conflicten) en het feit dat content-updates zelfbediening zijn via headless CMS-interfaces. Wanneer iets echter breekt op een moderne stack, heb je een ontwikkelaar nodig die React en modern JavaScript kent -- en die ontwikkelaars rekenen doorgaans meer per uur dan WordPress-ontwikkelaars.

Wat moet een websiteonderhoudretainer omvatten? Een goede onderhoudsretainer voor een moderne stack-site moet dekken: wekelijkse dependency-bewaking met maandelijkse update-cycli, uptime-bewaking met waarschuwingen, driemaandelijkse prestatieaudits, reviews van beveiligingsheaders, SSL- en domeinkostveruitsing, CMS-ondersteuning voor content editors, en een bankje met ontwikkelingsuren voor voortdurend feature work en bugfixes. De meeste agentschappen bieden dit aan in het bereik van $1,000-2,500/maand afhankelijk van sitecomplexiteit. Wil je precies weten wat het voor jouw site kost? Ontvang een voorstel in 48 uur.

Kan ik een Next.js- of Astro-site zelf onderhouden? Absoluut, als je comfortabel bent met JavaScript en de command line. De harde infrastructuurkosten bedragen slechts $25-250/maand voor de meeste sites. Je moet je inzetten voor het regelmatig uitvoeren van npm audit, je Node.js-versie actueel houden, je build pipeline monitoren, en up-to-date blijven met framework-updates. Stel geautomatiseerde tools in zoals Renovate Bot en Lighthouse CI om het handmatige werk te verminderen. Waar de meeste mensen in moeilijkheden raken is het negeren van onderhoud voor 6-12 maanden en dan geconfronteerd worden met een enorme upgrade-inspanning.