TL;DR: De gerangschikte aanbeveling per use case, zodat u de volgende 6.000 woorden kunt overslaan.

  • Content sites, marketing pages, blogs, programmatische SEO: Astro 5. Ship statische HTML, hydrateer alleen wat JavaScript nodig heeft, Lighthouse scores van 95-100 direct beschikbaar. Goedkoopste hosting met veel verschil.
  • SaaS apps, dashboards, geverifieerde producten: Next.js 16 met App Router. Grootste wervingsbestand, diepste ecosysteem, Server Components zijn eindelijk stabiel.
  • Kleinste mogelijke bundle, hoogste performance ceiling: SvelteKit met Svelte 5 runes. Uw team moet zich comfortabel voelen buiten de React mainstream.
  • Vue shops, vooral EU/Azië teams: Nuxt 3. Het is het Vue meta-framework, punt uit.
  • URL-centrische producten (marktplaatsen, multi-step formulieren): Remix (nu React Router 7). Web-standaard formulieren, progressieve verbetering standaard.
  • Gatsby: Migreer eraf. Serieus.

Wat "Modern Framework" eigenlijk betekent in 2026

Wanneer een CTO of marketingleider in 2026 "framework" zegt, mengen zij meestal drie of vier lagen in één woord. Laat me dit uit elkaar halen omdat het onderscheid belangrijk is wanneer u een contract ondertekent of een team aanwerft.

Een renderer is de UI-bibliotheek: React 19, Vue 3, Svelte 5 of Preact. Het bepaalt hoe uw componenten in DOM-nodes veranderen.

Een meta-framework is de bovenliggende laag: Next.js, Astro, SvelteKit, Nuxt, Remix. Het handelt routing, data loading, server rendering, statische generatie en de build pipeline af. Dit is de laag waar 90% van uw architectuurbesluiten zich bevinden.

Een bundler is het gereedschap dat uw code compileert, minimaliseert en chunked. In 2026 is dat Turbopack (Next.js), Vite (Astro, SvelteKit, Nuxt, Remix) of Webpack (legacy projects die nog standhouden).

Een deploy target is waar de output wordt uitgevoerd: Vercel, Netlify, Cloudflare Pages, AWS Amplify, een plain VPS of uw eigen Docker containers. De meta-framework bepaalt welke deploy targets first-class citizens zijn.

Dit is waarom dit belangrijk is: een "framework" kiezen in 2026 is niet zoals WordPress tegen Squarespace kiezen in 2015. Het is een architectuurbesluit dat uw hostingstrategie, uw wervingsprofiel, uw performance ceiling en uw migratiekosten voor de volgende 3-5 jaar vastlegt. Ik heb bedrijven $150K zien uitgeven aan migratie weg van een framework dat zij in een twee uur durend overleg hebben gekozen. Dit artikel bestaat zodat u niet in die positie terechtkomt.

De verschuiving van 2024 naar 2026 is ook waard op te merken. Server Components zijn stabiel verschenen in React 19. Astro introduceerde Server Islands. Svelte 5 runes vervingen de oude reactieve stores. Dit zijn geen incrementele upgrades. Ze veranderen hoe u denkt over waar code wordt uitgevoerd en wat naar de browser wordt verzonden. Wanneer uw mentale model nog steeds "SPA met een API" is, gebruikt u een playbook van 2020.

De 6 Frameworks die ertoe doen (en 4 die niet)

De overlevingslijst:

  1. Next.js 16 -- De React standaard. App Router is stabiel, Server Components zijn echt, Turbopack is de production bundler.
  2. Astro 5 -- Content sites gedaan op de juiste manier. Multi-framework islands, Server Islands, Sessions API, nul JS standaard.
  3. SvelteKit -- Svelte 5 runes maken reactiviteit expliciet. Kleinste bundles in de groep. Onderschat voor production apps.
  4. Nuxt 3 -- Vue 3's meta-framework. Sterk in Europa, Azië en elk team dat al vastberaden is aan het Vue ecosysteem.
  5. Remix (React Router 7) -- Web fundamentals eerst. Formulieren, loaders, actions, progressieve verbetering. Nu samengevoegd met React Router.
  6. Gatsby -- Legacy. Nog steeds actief op duizenden enterprise sites. Maar Netlify heeft het team gevaarlijk ingekrompen, het plugin ecosysteem rott weg, en er zijn geen significante updates sinds half 2024.

Waar u niet op moet inzetten:

  • Create React App (CRA): Officieel dood. React docs raden het niet meer aan. Wanneer u nog op CRA zit, migreer naar Next.js of Vite.
  • Blitz.js: De "Ruby on Rails voor React" pitch sloeg niet aan. Core team is voorbij. Community is een spookstad.
  • RedwoodJS: Interessante ideeën, verloren momentum. De 1.0 hype vertaalde zich niet in production adoption op schaal.
  • Puur Vite SPAs voor content sites: Vite is een uitstekend build tool, maar een client-rendered SPA verschepen voor een marketing site in 2026 betekent dat u tegen Google's crawler vecht, Lighthouse punten verbrandt en een hydratiebelasting op uw bezoekers laat rusten die zij niet verdienen.

Framework-per-Framework Diepgaande Duik

Next.js 16

Wat het is. Next.js is het React meta-framework onderhouden door Vercel. Het is het meest wijd aangenomen framework in deze lijst met een factor van 3-4x in npm downloads, job postings en GitHub activity. Wanneer u in 2026 met React bouwt en u hebt geen sterke reden om iets anders te kiezen, kiest u waarschijnlijk Next.js.

Wat het in 2026 verstuurt. Next.js 16 stabiliseert de App Router die in 13 werd geïntroduceerd en verfijnd door 14 en 15. Server Components zijn standaard. Server Actions (nu Server Functions genoemd in de React docs) laten u mutaties schrijven die op de server worden uitgevoerd zonder een API route te bouwen. Turbopack vervangt Webpack als de production bundler en snijdt build times met 40-60% in op grote codebases. Partial Prerendering (PPR) laat u een statische shell serveren met streaming dynamische gaten, wat de grootste performance win voor geverifieerde apps is sinds incrementele statische regeneratie.

Echte Lighthouse scores. Over ons portfolio van 40+ Next.js production sites heen variëren mobile Lighthouse performance scores van 82 tot 96. De mediaan is 89. Het lage einde komt van sites met zware third-party scripts (analytics, chat widgets, A/B testing). Een schone Next.js 16 marketing page met geoptimaliseerde afbeeldingen en minimale client JS scoort 92-96 consistent.

Hostingkosten trajectory. Vercel's Pro plan is $20/seat/month, en u raakt de echte kosten in bandbreedte en function invocations. Bij 100K maandelijkse bezoekers, verwacht $40-120/month. Bij 1M maandelijkse bezoekers, $180-600/month afhankelijk van dynamisch tegen statisch ratio. Bij 10M, $1.200-4.500/month. Cloudflare Pages met de OpenNext adapter is het budget play: $0-50/month bij 1M bezoekers, hoewel u enkele Vercel-specifieke features verliest. Wilt u dieper gaan in wat wij met Next.js bouwen, zie onze Next.js development capabilities.

Build complexity. Een senior React developer kan een production Next.js 16 site in 2-4 weken verschepen. Een junior developer met React experience heeft 4-8 weken nodig en zal struikelen over de Server Component / Client Component boundary. Het App Router mentale model is echt anders dan de Pages Router, en tutorials van 2023 zullen u actief misleiden.

Wervingsmarkt. React is de meest voorkomende frontend skill op de Amerikaanse markt. Senior Next.js developers vragen $150K-220K/year (VS, full-time) of $100-180/hour (contract). Het talentbestand is diep, maar "kent React" betekent niet "kent de App Router." Controleer op Server Components experience specifiek.

Wanneer u het moet kiezen. SaaS producten, geverifieerde dashboards, e-commerce met dynamische personalisering, elk project waar uw team al React is. Het is ook de veiligste weddenschap voor enterprise buy-in omdat elke beslissingsmaker ervan heeft gehoord.

Wanneer u het niet moet kiezen. Zuivere content sites waar u geen client interactiviteit nodig hebt. U verstuurt 80-150KB React runtime om wat statische HTML kon zijn te renderen. Daar wint Astro.

Migratiecomplexiteit van WordPress: 3/5. Gemiddeld. De data laag is het moeilijke deel. U hebt een headless CMS nodig (Sanity, Contentful, Payload) en een redirect strategie. De build is straightforward, maar content modellering kost tijd. Wij behandelen dit uitgebreid op WordPress naar Next.js migratie.

Astro 5

Wat het is. Astro is het content-first framework dat standaard nul JavaScript verstuurt. U schrijft componenten in Astro's eigen template syntax of brengt uw eigen mee (React, Vue, Svelte, Preact, Solid), en Astro rendert hen tot statische HTML bij build time. Interactieve componenten hydrateren op de client alleen wanneer u expliciet opt-in met client:load, client:visible of client:idle directives. Deze "islands architecture" betekent dat uw blog post pagina 0KB JS verstuurt tenzij u een interactieve widget hebt.

Wat het in 2026 verstuurt. Astro 5 brengt Server Islands (bepaalde componenten op de server bij request time renderen terwijl de rest van de pagina statisch of gecached is), de Sessions API (first-party session management zonder externe state stores), Content Layer verbeteringen voor type-safe Markdown/MDX en een verfijnde View Transitions API. Het Starlight documentatie framework is volwassen en wijd aangenomen.

Echte Lighthouse scores. Dit is waar Astro iedereen beschaamt. Over 25+ production content sites in ons portfolio heen variëren mobile Lighthouse performance scores van 95 tot 100. De mediaan is 98. Wanneer u nul JS verstuurt, is het moeilijk slecht te scoren. LCP onder 1.2s is de norm, niet de uitzondering.

Hostingkosten trajectory. Statische Astro sites op Cloudflare Pages kosten $0 bij 1M maandelijkse bezoekers. Free tier. Netlify's free tier handelt de meeste content sites af. Vercel statische hosting is ook effectief gratis op die schaal. Wanneer u Server Islands of SSR mode gebruikt, gaan kosten iets omhoog: $5-30/month bij 1M bezoekers op Cloudflare, $30-80/month op Vercel. Dit is het goedkoopste framework om te hosten met veel verschil.

Build complexity. Een junior developer met basis HTML/CSS/JS skills kan een production Astro site in 1-2 weken verschepen. Serieus. De leercurve is het zachtst in deze lijst. Wanneer u interactiviteit nodig hebt, brengt u mee wat uw team kent, dus het plafond is zo hoog als uw team's skill.

Wervingsmarkt. Astro-specifieke ervaring is zeldzamer dan React, maar u hebt het niet nodig. Elke frontend developer kan Astro's template syntax in een dag leren. Het islands model betekent dat u werft voor uw component library keuze (React, Vue, Svelte) en de Astro laag onderwijst. VS senior dev rates: $130K-190K/year of $90-150/hour.

Wanneer u het moet kiezen. Marketing sites, blogs, documentatie, content-heavy publishers, programmatische SEO op schaal (wij hebben Astro sites gebouwd met 50.000+ pagina's die in onder 3 minuten bouwen), agency sites waar performance een verkoopargument is.

Wanneer u het niet moet kiezen. Zeer interactieve SaaS apps, real-time dashboards, alles waar de meeste pagina's verificatie en dynamische data vereisen. Astro kan SSR doen, maar het was niet ontworpen voor app-achtige interactiviteit, en u zult ertegenaan vechten. Voor content projecten, controleer ons Astro development capabilities.

Migratiecomplexiteit van WordPress: 2/5. Gemakkelijkste migratie target voor content sites. Exporteer WordPress content naar Markdown of verbind een headless CMS, map templates naar Astro layouts, zet redirects op. Een 50-pagina marketing site migreert in 2-4 weken.

SvelteKit

Wat het is. SvelteKit is het officiële meta-framework voor Svelte. Svelte compileert uw componenten naar vanille JavaScript bij build time, wat betekent geen virtual DOM diffing bij runtime en dramatisch kleinere bundles. Svelte 5 introduceerde "runes," die de oude $: reactieve statements vervangen door expliciete $state(), $derived() en $effect() primitieven. Dit was controversieel, maar in de praktijk maken runes grote codebases voorspelbaarder en gemakkelijker om te debuggen.

Wat het in 2026 verstuurt. Svelte 5 runes zijn stabiel. SvelteKit's adapter systeem ondersteunt Vercel, Netlify, Cloudflare, Node en statische output. Server-side rendering is een first-class citizen. Form actions handelen mutaties af zonder client-side state management. Het nieuwe $effect.tracking() en fine-grained reactiviteit systeem betekent minder onbedoelde re-renders dan elk React-gebaseerd framework.

Echte Lighthouse scores. Mobile Lighthouse scores van onze SvelteKit production sites variëren van 90 tot 98, mediaan 94. Bundles zijn typisch 30-60% kleiner dan equivalente Next.js apps omdat er geen React runtime is. Een SvelteKit app met een paar interactieve componenten verstuurt vaak 25-40KB JS totaal waar een Next.js equivalent 85-120KB verstuurt.

Hostingkosten trajectory. Vergelijkbaar met Next.js in SSR mode. Vercel: $40-120/month bij 100K bezoekers, $180-500/month bij 1M. Cloudflare Pages: $0-40/month bij 1M. De kleinere bundle sizes betekenen lagere bandbreedte kosten op schaal, sparen 10-20% tegen Next.js op bandbreedte-gemeterde hosts.

Build complexity. Wanneer uw team Svelte kent, 2-4 weken om te verschepen. Wanneer uw team Svelte van React leert, voeg 2-3 weken toe voor het mentale model shift. Svelte 5 runes maken de overgang van React eigenlijk gemakkelijker dan oude Svelte, omdat $state() conceptueel dichter bij useState() is dan de oude impliciete reactiviteit.

Wervingsmarkt. Dit is SvelteKit's grootste zwakheid. Het Svelte talent bestand is misschien 10-15% de grootte van het React bestand. VS senior rates: $140K-200K/year of $100-160/hour. U werft vaak React developers die Svelte willen leren, wat werkt, maar plan voor ramp-up tijd.

Wanneer u het moet kiezen. Performance-kritieke apps waar bundle size belangrijk is (mobile-first producten, opkomende markten met trage verbindingen), teams die al in het Svelte ecosysteem zijn, projecten waar u in developer training kunt investeren.

Wanneer u het niet moet kiezen. Enterprise projecten waar u snel developers moet bijvullen. Grote teams waar React experience het wervingsfilter is. Projecten die zwaar op React-specifieke libraries vertrouwen (headless UI, Radix, enz.).

Migratiecomplexiteit van WordPress: 3/5. Vergelijkbaar met Next.js, maar minder off-the-shelf CMS integraties. U zult waarschijnlijk koppelen met een headless CMS die een REST of GraphQL API heeft.

Nuxt 3

Wat het is. Nuxt 3 is tot Vue 3 wat Next.js tot React is. Het is het full-featured meta-framework met file-based routing, server-side rendering, statische generatie en een rijk module ecosysteem. Wanneer uw team Vue schrijft, is Nuxt uw meta-framework. Er is geen echte alternatief in het Vue ecosysteem.

Wat het in 2026 verstuurt. Nuxt 3 draait op Nitro (een server engine die overal deploy) en gebruikt Vite voor builds. De Composition API is standaard. Nuxt DevTools zijn uitstekend. Server routes en API routes zijn ingebouwd. Het module ecosysteem (Nuxt Content, Nuxt Image, Nuxt SEO) dekt de meeste algemene behoeften af zonder third-party packages.

Echte Lighthouse scores. Mobile Lighthouse van production: 85-95, mediaan 90. Vergelijkbaar met Next.js. Vue's runtime is iets kleiner dan React's, dus bundle sizes trendy 10-15% lager bij baseline.

Hostingkosten trajectory. Bijna identiek aan Next.js. Vercel ondersteunt Nuxt native. Netlify en Cloudflare Pages werken goed. $150-500/month bij 1M maandelijkse bezoekers afhankelijk van de rendering strategie.

Build complexity. Vue developers verschepen in 2-4 weken. React developers die Vue leren hebben 3-5 weken nodig. De Composition API is dichter bij React Hooks dan de oude Options API, dus de overgang is beheersbaar.

Wervingsmarkt. Vue is sterk in Europa (vooral Frankrijk, Nederland, Duitsland) en over heel Azië. In de VS is het Vue talent bestand ongeveer 25-30% de grootte van React's. VS senior rates: $130K-190K/year. Wanneer uw team of markt Vue neigt, is Nuxt de voor de hand liggende keuze. Wanneer u van nul af aan begint in de VS, is het React/Next.js wervingsbestand aanzienlijk dieper.

Wanneer u het moet kiezen. Uw team schrijft al Vue. U bent gevestigd in een regio waar Vue talent abundant is. U geeft de voorkeur aan Vue's template syntax en Composition API boven JSX.

Wanneer u het niet moet kiezen. U stelt een VS-gebaseerd team van nul af samen. U hebt het absolute grootste ecosysteem van third-party componenten en integraties nodig (React wint hier per volume).

Migratiecomplexiteit van WordPress: 3/5. Hetzelfde als Next.js. Headless CMS + Nuxt frontend + redirect mapping.

Remix (React Router 7)

Wat het is. Remix fuseerde in React Router eind 2024. React Router 7 met "framework mode" is wat wij Remix plachten te noemen. De filosofie is web fundamentals: HTML formulieren, HTTP caching, progressieve verbetering en loaders/actions die op de server draaien. Het is stellig over het gebruik van het platform in plaats van het opnieuw uit te vinden.

Wat het in 2026 verstuurt. React Router 7 verstuurt met React 19 support, Server Components (gedeeltelijk, opt-in), RSC-gebaseerde data loading, Vite als de bundler en first-class Cloudflare Workers support. Het loader/action pattern blijft het kernmentale model voor data. Het framework is leger dan Next.js en geeft u meer controle over de HTTP laag.

Echte Lighthouse scores. Mobile Lighthouse: 88-96, mediaan 92. Remix's progressieve verbetering benadering betekent dat pagina's zonder JS werken, wat helpt met waargenomen performance zelfs wanneer Lighthouse getallen vergelijkbaar zijn met Next.js.

Hostingkosten trajectory. Remix draait goed op Cloudflare Workers ($5-25/month bij 1M bezoekers), Fly.io ($10-60/month) of een Node.js host. Vercel ondersteunt het maar het is niet het native platform zoals het voor Next.js is. Budget hosts zijn meer levensvatbaar omdat Remix niet afhankelijk is van Vercel-specifieke infrastructuur.

Build complexity. React developers bekend met REST patronen verschepen in 2-4 weken. Het loader/action model is intuïtief wanneer u eerder met server-rendered apps hebt gewerkt. Developers komend van SPA-only achtergronden hebben misschien 1-2 extra weken nodig om aan te passen.

Wervingsmarkt. Remix-specifiek talent is niche, maar het is React onder de motorkap, dus elke senior React developer kan snel opschalen. Het fuseren met React Router hielp eigenlijk omdat React Router bijna universeel is in het React ecosysteem.

Wanneer u het moet kiezen. Marktplaatsen, form-zware multi-step toepassingen, producten waar URL structuur diep belangrijk is, teams die dicht bij web standaarden willen blijven, projecten deploy naar Cloudflare Workers.

Wanneer u het niet moet kiezen. Content-zware sites (Astro is beter). Projecten waar uw team het Next.js ecosysteem van voorbeelden, tutorials en Stack Overflow antwoorden verwacht. Enterprise omgevingen waar "wij gebruiken Next.js" een veiliger politiek antwoord is.

Migratiecomplexiteit van WordPress: 3/5. Vergelijkbaar met Next.js. De data laag is dezelfde uitdaging.

Gatsby

Wat het in 2026 is. Gatsby is een statische site generator gebouwd op React en GraphQL. Het was de lieveling van 2019-2021. Netlify verwierf het, vervolgens verliet het het effectief. De laatste significante release was mid-2024. Het plugin ecosysteem vervalt. Core maintainers zijn voorbij. Build times voor grote sites (10K+ pagina's) zijn nog pijnlijk traag vergeleken met Astro of Next.js met ISR.

Echte Lighthouse scores. Mobile Lighthouse: 75-90, mediaan 82. Gatsby verstuurt veel JS standaard, en de GraphQL data laag voegt overhead toe die nieuwere frameworks geheel vermijden.

Hostingkosten trajectory. Gatsby Cloud sloot. U host op Netlify, Vercel of S3 + CloudFront. Kosten zijn vergelijkbaar met Next.js statisch: $50-200/month bij 1M bezoekers.

Wanneer u het moet kiezen. U moet niet. De enige reden om Gatsby in 2026 aan te raken is wanneer u een Gatsby site hebt geërfd en deze moet onderhouden terwijl u een migratie plant.

Wanneer u het niet moet kiezen. Elk nieuw project. Punt.

Migratiecomplexiteit van WordPress: N/A. Migreer weg van Gatsby, niet ernaartoe. Wanneer u op Gatsby zit en uw volgende stap overweegt, is het pad typisch Gatsby naar Astro voor content sites of Gatsby naar Next.js voor app-achtige sites.

Vergelijking Tabellen

Performance & Developer Experience Matrix

Framework Gem. Lighthouse Mobile Gem. LCP (s) Gem. INP (ms) Bundle Size (KB) Cold Start (ms) Build Time (1K pagina's)
Next.js 16 89 1.8 120 85-140 150-400 45-90s
Astro 5 98 0.9 40 0-30 50-120 20-40s
SvelteKit 94 1.3 75 25-55 100-250 30-60s
Nuxt 3 90 1.6 110 70-120 140-350 50-100s
Remix (RR7) 92 1.4 90 70-110 80-200 35-70s
Gatsby 82 2.4 180 120-200 N/A (statisch) 180-600s

Hosting Kosten bij 1M Maandelijkse Bezoekers (USD/month)

Framework Vercel Netlify Cloudflare Pages AWS Amplify
Next.js 16 (SSR) $180-600 $200-500 $20-80* $150-400
Astro 5 (Statisch) $0-20 $0-19 $0 $0-15
Astro 5 (SSR) $30-80 $40-100 $5-30 $30-80
SvelteKit (SSR) $180-500 $180-450 $15-60 $120-350
Nuxt 3 (SSR) $150-500 $180-450 $15-60 $120-350
Remix (SSR) $150-400 $150-400 $5-25 $100-300
Gatsby (Statisch) $50-200 $50-200 $0-10 $40-150

*Cloudflare Pages met OpenNext adapter; enkele Vercel-specifieke features niet beschikbaar.

Use-Case Fit

Use Case Next.js 16 Astro 5 SvelteKit Nuxt 3 Remix Gatsby
Marketing site Goed Best Goed Goed Goed Vermijden
Blog / content hub Goed Best Goed Goed Goed Vermijden
E-commerce Best Vermijden Goed Goed Goed Vermijden
SaaS applicatie Best Vermijden Goed Goed Goed Vermijden
Multi-tenant platform Best Vermijden Goed Goed Best Vermijden
Programmatische SEO (50K+ pagina's) Goed Best Goed Goed Goed Vermijden

De Beslissing Boom

Voer dit in 60 seconden uit. Ga van boven naar beneden, neem het eerste match.

  1. Wanneer uw team React engineers zijn die een SaaS app of geverifieerd product bouwen → Next.js 16 met App Router.
  2. Wanneer u een content site, marketing site, blog of documentatie bouwt → Astro 5. Geen competitie op performance of hosting kosten.
  3. Wanneer u de kleinste bundles wilt en uw team comfortabel is met het leren van Svelte 5 runes → SvelteKit.
  4. Wanneer uw team al Vue schrijft, of u werft in een Vue-sterke markt → Nuxt 3.
  5. Wanneer u een marktplaats, form-zware product of deploy naar Cloudflare Workers bouwt → Remix / React Router 7.
  6. Wanneer u momenteel op Gatsby bent → Stop met investeren. Plan een migratie naar Astro (content) of Next.js (app).
  7. Wanneer u op WordPress zit voorbij 100K maandelijkse bezoekers en performance/veiligheid is een concern → Migreer naar Next.js + headless CMS of Astro + headless CMS.
  8. Wanneer u een niet-technische marketingleider bent die dit leest → Werv een team dat in headless architectuur gespecialiseerd is. De framework keuze maakt minder uit dan het team's ervaring ermee. Begin met onze headless CMS development pagina voor context.

Echte Production Stack Aanbevelingen

Ik heb sinds 2014 ruim 5.000 sites verscheept over agencies, startups en enterprise klanten heen. Hier zijn drie stacks waar ik in 2026 op inzet, met echte kostenbanden van production deployments.

Stack A: Content Site / Marketing

Astro 5 + Sanity + Vercel (of Cloudflare Pages) + Resend voor transactionele email

Dit is ons standaard voor marketing sites, agency builds en content publishers. Sanity geeft editors een echte-time samenwerkingseditingervaring. Astro rendert alles naar statische HTML. Vercel of Cloudflare serveert het aan de edge.

  • Maandelijkse kosten bij 1M MV: $30-180/month (Sanity free tier dekt de meeste marketing sites; Vercel statisch is bijna-gratis; Resend is $20/month voor transactionele email)
  • Build time: 2-4 weken voor een 30-pagina marketing site
  • Team grootte: 1 senior developer + 1 designer
  • Performance: Lighthouse 96-100 op elke pagina

Dit is de stack die wij het meest voor teams aanbevelen die van WordPress afkomen. De editorial ervaring in Sanity is echt beter dan wp-admin voor gestructureerde content, en de frontend performance is in een ander competitieniveau. Wanneer dit klinkt als uw situatie, praat met ons over Astro development.

Stack B: SaaS Applicatie

Next.js 16 App Router + Supabase + Stripe + Vercel + PostHog

Dit is de 2026 versie van de "indie SaaS" stack, maar het schaalt naar $10M+ ARR. Supabase handelt auth, database (Postgres) en real-time subscriptions af. Stripe handelt betalingen af. PostHog handelt analytics en feature flags af. Vercel host de Next.js app.

  • Maandelijkse kosten bij 100K MRR: $280-1.800/month totaal (Vercel $200-800, Supabase $25-300, Stripe 2.9% + $0.30/txn, PostHog $0-450)
  • Build time: 6-12 weken voor MVP
  • Team grootte: 2-3 developers
  • Performance: Lighthouse 85-94 afhankelijk van dashboard complexiteit

De sleutelinsight: over-architect niet aan het begin. Supabase's row-level security en Postgres doen het werk van drie afzonderlijke services. Migreer naar dedicated infrastructuur wanneer u voorbij $5M ARR bent, niet eerder. Wij hebben dozijnen SaaS producten op deze stack gebouwd, gedocumenteerd in onze SaaS development work.

Stack C: Multi-Locale Enterprise

Next.js 16 + Sanity + Cloudflare Pages + Algolia

Enterprise marketing sites met 30+ locales, tienduizenden pagina's en search functionaliteit hebben een ander benadering nodig. Cloudflare Pages boven Vercel hier omdat het global edge netwerk multi-region latency beter handelt op deze schaal, en het kostverschil is significant: $500-2.000/month op Cloudflare tegen $2.000-5.000/month op Vercel voor 5M maandelijkse bezoekers.

  • Maandelijkse kosten bij 5M MV over 30 locales: $450-5.000/month (Cloudflare $50-400, Sanity $99-799, Algolia $100-1.500, monitoring/CDN/misc $200-2.300)
  • Build time: 12-24 weken
  • Team grootte: 3-5 developers + 1 project manager
  • Performance: Lighthouse 88-95

Algolia handelt search over alle locales met language-specific ranking. Sanity's localisatie features handelen content in een enkel document met locale-specifieke velden. Next.js i18n routing mapt locale slugs naar de correcte content.

Migratierealiteiten

Wanneer u in 2026 van WordPress, Drupal of Sitecore afkomt, hier is wat 90% van agencies u niet vertelt voordat u het contract ondertekent.

Timeline realiteit:

  • Marketing sites (tot 100 pagina's): 6-12 weken, start tot live
  • Content-zware sites (500-5.000 pagina's): 10-16 weken
  • E-commerce: 12-24 weken
  • Enterprise met integraties (CRM, ERP, DAM): 16-32 weken

De 5 dingen die bij cutover breken:

  1. Redirects. WordPress URL patronen (/category/post-name/, /page/2/) matchen niet uw nieuwe framework's standaards. Mis een redirect en uw organic traffic daalt 20-40% in één nacht. Map elke enkele URL. Gebruik een crawl tool (Screaming Frog, Sitebulb) om de redirect lijst voor het schrijven van code op te bouwen.

  2. Structured data / schema markup. Uw WordPress plugins (Yoast, RankMath) genereerden JSON-LD automatisch. Uw nieuwe site verstuurt niets tenzij u het expliciet bouwt. Article schema, FAQ schema, breadcrumb schema, organization schema: alles heeft handmatige implementatie nodig.

  3. Hreflang tags. Wanneer u multi-locale content hebt, moet hreflang correct zijn op dag één. Google heelt weken om opnieuw te crawlen, en onjuiste hreflang veroorzaakt dat de verkeerde locale rankt. Test met de hreflang tag checker voor cutover, niet na.

  4. Search index timing. Google kan 2-8 weken nodig hebben om uw site volledig opnieuw te indexeren na een grote URL structuurverandering, zelfs met perfecte redirects. Plan voor een tijdelijke organic traffic dip van 5-15%. Het herstelt, maar uw CMO moet weten dat het eraan komt.

  5. Image URLs. WordPress slaat afbeeldingen op in /wp-content/uploads/YYYY/MM/. Uw nieuwe site gebruikt een CDN met andere paden. Wanneer enige externe site of email naar uw oude image URLs linkt, zijn dat 404s tenzij u ze redirectt. En afbeeldingen zijn vaak 40-60% van een site's geïndexeerde URLs.

Echte kostenbanden: $25K-200K afhankelijk van pagina aantal, integraties en content complexiteit. Een 30-pagina marketing site migratie loopt $25K-50K. Een 2.000-pagina content site met custom post types, WooCommerce en drie language locales loopt $80K-200K.

Wanneer fase tegen cutover: Fase wanneer u meer dan 500 pagina's hebt of complexe integraties. Voer het nieuwe framework op een subdomain of subdirectory uit. Migreer secties incrementeel. Cutover wanneer u minder dan 200 pagina's hebt en alles in een staging omgeving in één sprint kunt valideren.

Voor gedetailleerde migratie playbooks, zie:

FAQ

Wat is het meest moderne web framework in 2026?

Astro 5 en Next.js 16 vertegenwoordigen de huidige stand van techniek in 2026, maar zij dienen verschillende doeleinden. Astro 5 is de meest moderne keuze voor content-gedreven sites, verstuurt standaard nul JavaScript en behaalt Lighthouse scores van 95-100 consistent. Next.js 16 is de meest moderne keuze voor interactieve applicaties, met stabiele Server Components, Server Functions en Partial Prerendering. "Modern" in 2026 betekent server-first rendering met selectieve client hydratatie, niet single-page applicaties. Het oude model van het versturen van een complete JavaScript runtime om een blog post te renderen wordt niet langer als modern beschouwd.

Is Next.js nog steeds het beste framework in 2026?

Next.js 16 is nog steeds het beste general-purpose React framework in 2026, maar het is niet het beste framework voor elk project. Het is de topkeuze voor SaaS apps, e-commerce platforms en geverifieerde producten vanwege zijn diep ecosysteem, groot wervingsbestand en Vercel's infrastructuur. Voor content sites, echter, overtreft Astro 5 Next.js op snelheid, kosten en eenvoud. Voor projecten waar bundle size kritiek is, verstuurt SvelteKit aanzienlijk minder JavaScript. Next.js is de veiligste standaard wanneer u onzeker bent, maar "veiligste" en "beste" zijn niet hetzelfde.

Moet ik Astro of Next.js voor een marketing site gebruiken?

Gebruik Astro 5 voor een marketing site. Astro verstuurt standaard nul JavaScript, wat resulteert in Lighthouse mobile scores van 95-100 tegen Next.js's typische 89-96 voor vergelijkbare content. Hosting kosten zijn dramatisch lager: een statische Astro site op Cloudflare Pages kost $0/month bij 1M maandelijkse bezoekers, terwijl een Next.js site op Vercel $180-600/month kost. Build complexiteit is ook lager; een junior developer kan een Astro marketing site in 1-2 weken verschepen. De enige reden om Next.js voor een marketing site te kiezen is wanneer dezelfde codebase ook een geverifieerde app sectie moet serveren, en zelfs dan, u bent beter af twee afzonderlijke deployments draaiende.

Is SvelteKit production-ready in 2026?

Ja, SvelteKit is volledig production-ready in 2026. Svelte 5 runes zijn stabiel, het adapter ecosysteem dekt alle major hosting platforms, en bedrijven als Apple, Spotify (interne tools) en The New York Times Wirecutter gebruiken Svelte in production. SvelteKit verstuurt de kleinste bundles van elk major framework, typisch 30-60% minder JavaScript dan equivalente Next.js applicaties. Het primaire risico is niet technische paraatheid maar wervingen: het Svelte talent bestand is ongeveer 10-15% de grootte van React's. Wanneer u het team kunt inzetten, is SvelteKit een uitstekende keuze.

Wat is het beste React framework voor SEO in 2026?

Next.js 16 is het beste React framework voor SEO in 2026. Het ondersteunt statische generatie, server-side rendering en incrementele statische regeneratie, allemaal produceren volledig-rendered HTML die search engines onmiddellijk kunnen indexeren. De Metadata API voorziet fine-grained controle over title tags, meta descriptions, Open Graph tags en JSON-LD structured data. Partial Prerendering serveert statische content onmiddellijk terwijl dynamische secties streamen, wat helpt Core Web Vitals. Remix (React Router 7) is ook sterk voor SEO met zijn server-rendered benadering, maar Next.js heeft meer ingebouwde SEO tooling en een groter ecosysteem van SEO-gefocuste voorbeelden.

Hoeveel kost het om een Next.js site bij 1 miljoen maandelijkse bezoekers te hosten?

Een Next.js site bij 1 miljoen maandelijkse bezoekers hosten kost tussen $20 en $600 per maand afhankelijk van het platform en rendering strategie. Op Vercel Pro, verwacht $180-600/month voor een mix van statische en server-rendered pagina's. Op Cloudflare Pages met de OpenNext adapter, dalen kosten tot $20-80/month, hoewel enkele Vercel-specifieke features zoals image optimisatie alternatieve oplossingen vereisen. Op AWS Amplify, $150-400/month is typisch. Wanneer u een puur statische Next.js export draait (geen SSR), dalen kosten op elk platform tot $0-50/month. De grootste kostvariabele is het verhouding van server-rendered naar statische pagina's, gevolgd door image bandbreedte.

Is Gatsby dood?

Gatsby is niet technisch dood, maar het wordt effectief verlaten vanaf 2026. Netlify verwierf Gatsby in 2023, sloot Gatsby Cloud en reduceerde het core team tot minimaal onderhoud. De laatste significante feature release was mid-2024. Het plugin ecosysteem vervalt, met veel populaire plugins ononderhouden en incompatibel met huidige Node.js versies. Build times voor grote sites blijven 3-10x langzamer dan Astro of Next.js. Wanneer u op Gatsby bent vandaag, plan een migratie. Voor content sites, is Astro 5 de natuurlijke opvolger. Voor app-achtige sites, Next.js 16. Begin geen nieuw project op Gatsby.

Kan ik van WordPress naar Astro migreren?

Ja, migreren van WordPress naar Astro is een van de straightforward migratie paden beschikbaar in 2026. Voor content-gefocuste sites, exporteert u WordPress content naar Markdown files of verbindt u Astro met een headless CMS zoals Sanity, Contentful of Payload. Astro's Content Collections bieden type-safe content handling. Een typische 50-pagina marketing site migreert in 2-4 weken. De primaire uitdagingen zijn hetzelfde als elke WordPress migratie: redirect mapping, structured data herimplementatie en image URL handling. Het resultaat is een site die 95-100 op Lighthouse scoort, kost bijna-nul voor hosting en is dramatisch veiliger dan WordPress omdat er geen server-side runtime is om aan te vallen. Wij beoordelen deze migratie een 2 van de 5 in moeilijkheid voor content sites. Zie ons volledige gids op WordPress alternatieven voor een gedetailleerde vergelijking.