Next.js vs. Nuxt vs. Astro: welk framework kies je in 2026?
In 2026 komen de meeste moderne maatwerk-websites uit een van drie frameworks: Next.js (React, Vercel), Nuxt (Vue, NuxtLabs), Astro (multi-framework, content-first). Welke je kiest hangt minder af van performance — alle drie zijn snel — en meer van team, ecosysteem en site-type.
PLAN · DOORSNEDE · DETAILMAATWERK · Next.js vs Nuxt vs Astro
Vergelijkingstabel
As
Next.js
Nuxt
Astro
Component-model
React
Vue
Multi (React, Vue, Svelte)
Default JS-bundle
~70–120kb
~80–130kb
~0kb (islands)
Best for
Apps + content
Vue-teams
Content-first
Hosting
Vercel, Netlify, zelf
Vercel, Netlify, zelf
Cloudflare, Vercel, zelf
Ecosysteem
Grootst
Groeiend, sterk
Klein maar focused
Server Actions
Volwassen
Volwassen (Nitro)
Beta
Learning curve
Medium
Lager (als je Vue kent)
Laag
Welke kies je wanneer?
Kies Next.js voor SaaS-producten, e-commerce, alles met dashboards en authentication. Het ecosysteem is reusachtig (Auth.js, tRPC, Vercel-platforms) en je vindt altijd developers. Kies Nuxt als je team al Vue kent (bijvoorbeeld vanuit een Laravel-achtergrond) of als je veel met Strapi/Directus werkt — Nuxt-modules dekken die integraties beter af. Kies Astro voor pure content: blogs, documentation-sites, marketing-only websites zonder interactiviteit. Astro shipt 0kb JavaScript by default, wat het op pure prestaties laat winnen.
Veelgestelde vragen
Q1Is React altijd beter dan Vue?+
Nee. Vue heeft betere DX naar de mening van veel developers, en Vue's reactivity-systeem is eenvoudiger te leren. Voor de meeste sites maakt het keuze-verschil weinig uit; het ecosysteem rondom React is vooral groter.
Q2Kan Astro ook apps?+
Astro heeft sinds 2024 server output en form-handling, dus eenvoudige apps kunnen. Voor SaaS met dashboards en complexe state is Next.js of Nuxt beter geschikt.
Verdieping
Verdieping: waarom dit voor mkb anders ligt
Voor een mkb-onderneming verloopt deze keuze anders dan voor een enterprise-organisatie. Bij enterprise spelen compliance, multi-team coordination en aanbestedingsprocedures een dominante rol — in mkb is de afweging veel directer: tijd-naar-omzet, maandlasten en flexibiliteit op kantelmomenten. Wat in een Fortune 500-context "een veilige keuze" heet, is in een 12-personen-bedrijf vaak juist de duurste route omdat overhead niet wegvalt naar volume.
De drie variabelen die in praktijk de uitkomst bepalen voor Nederlandse mkb-projecten: wie onderhoudt het na livegang, hoe vaak verandert de scope, en welk groei-scenario stuur je op. Een coachingspraktijk met drie pagina-updates per kwartaal stelt heel andere eisen dan een D2C-merk dat wekelijks A/B-test.
22
Projecten sinds 2023, incl. eigen producten
1–6 wk
Bouwtijd maatwerk website
95+
Lighthouse bij oplevering, gemiddeld 98
30 dgn
Ondersteuning incl.
Stappenplan: van eerste gesprek tot livegang
1Kennismaking (25 min)+
Async-first: één gesprek waarin we doel, doelgroep, scope en de eerste budget-range vastleggen. Output: een 1-pagina-document met scope en richtprijs binnen 24 uur.
2Schets (week 1)+
Wireframes, content-architectuur, techniek-keuze en design-richting (3 stijlen). Geen Lorem Ipsum — copy-aanzet vanaf dag 1, omdat copy het ontwerp stuurt en niet andersom.
3Bouw (week 2–3)+
Dagelijkse Loom-update van 60 seconden, gedeelde Figma met live state, gedeelde repo. Eén wekelijkse demo van 30 minuten. Iteratie staat boven specificatie: blijkt iets in praktijk anders te werken, passen we het aan zonder change-request-pingpong.
4Polijsten (week 3 – einde)+
Lighthouse 95+ op alle vier de assen. Structured data die klopt met wat er op de pagina staat, sitemap, robots.txt met een bewuste keuze per crawler (OAI-SearchBot voor zoeken, GPTBot voor mogelijke modeltraining), Open Graph-kaart per pagina. Een llms.txt mag erbij als onderhouden overzicht, maar Google negeert het volgens de eigen documentatie, dus we rekenen het niet mee als vindbaarheidsmaatregel. Performance-budget per route gemonitord.
5Oplevering+
Domein live, DNS overgezet, monitoring aan, README + Loom-handover van 30 minuten. Eigenaar van code, hosting, accounts vanaf dag 1 — geen lock-in.
In de praktijk: drie voorbeeld-uitkomsten
Probleem: Wix-template, Lighthouse 58/72, geen booking-flow. Resultaat na 4 weken: maatwerk Next.js, Lighthouse 99/100, Stripe Checkout voor sessies, Resend voor herinneringen, +38% boekingen in eerste maand. Bouwbudget in overleg vastgesteld op basis van scope.
Probleem: hand-coded WordPress site, drie pricing-experimenten in zes maanden vastgelopen op het thema. Resultaat: headless rebuild in Next.js + MDX, A/B-pipeline in eigen events. Pricing-conversie van 1,7% naar 4,1% in 60 dagen. Bouwbudget na scoping-gesprek bepaald.
Probleem: Shopify-thema, CLS 0,42 (slecht), AOV €68. Resultaat: headless front-end met Hydrogen, CLS < 0,05, image-strategy verbeterd, AOV +14% door betere PDP. Bouwbudget op aanvraag.
De 3-week-regel voor maatwerk-projecten
Als een marketingsite-project langer duurt dan drie weken aan netto werk, is bijna altijd de scope te groot, niet de developer te langzaam. Splitsen in fasen (MVP → uitbreiding) levert vrijwel altijd een beter resultaat dan één lang project — omdat realiteit-feedback in week 5 waardevoller blijkt dan elke vooraf-geplande feature.
Hanteer dit als sanity-check vóór je tekent: vraag de uitvoerder om de scope binnen drie weken te laten passen of expliciet in fasen op te knippen.
Checklist: vóór je een offerte tekent
Veelgestelde vragen
Q1Hoe lang duurt een typische marketingsite van A tot Z?+
Voor een ervaren solo-studio: drie tot vier weken voor een marketingsite van 5–10 pagina's. Voor een agency met PM-laag: acht tot veertien weken voor exact dezelfde scope. Het verschil zit in overlegcycli, niet in code-kwaliteit.
Q2Wat als ik later een tweede taal wil toevoegen?+
Bouw je site met Next.js i18n routing en hreflang-tags, dan voeg je later een tweede taal toe in 1–2 weken. Bouw je zonder die voorbereiding, dan kost het 4–6 weken extra omdat alle URL's en meta-tags opnieuw moeten.
Q3Krijg ik bij een freelance-developer ook een aparte designer?+
Bij een studio doet de developer doorgaans ook ontwerp in Figma. Voor wie een aparte top-tier designer wenst, kan een freelance designer bijgehaald worden (€90–€140/uur, 30–60 uur typisch) — nog ruim onder een agency-tarief.
Q4Hoe zit het met onderhoud na de eerste 30 dagen?+
Twee modellen: een licht onderhoudsabonnement (prijs in overleg, afhankelijk van scope van monitoring en kleine updates) of per opdracht. Geen verplicht jaarcontract zoals bij veel agencies — je betaalt alleen wanneer er werk is.
Q5Wordt mijn code mijn eigendom?+
Ja, vanaf dag 1. Repo onder jouw GitHub-account, hosting onder jouw Vercel-account, domein op jouw naam. Bij volledige betaling draagt Van Zanten Consulting alle IP-rechten over.
Een handgecodeerde Next.js-site, Lighthouse 95+, in jouw eigen repo 1–6 weken, vaste prijs na een gratis gesprek. 45 minuten, gratis. Eerstvolgende start: Q4 2026.
