“Moeten we Astro of Next.js gebruiken?” krijgen we wekelijks. Het eerlijke antwoord: het hangt af van wat je bouwt. De twee stacks zijn geen concurrenten per se — ze winnen elk in hun eigen domein.
Deze post: concreet welke stack past bij welk type project, met de kenmerken die doorslaggevend zijn.
De korte versie
- Astro → content-sites (bureau, blog, documentatie, marketing-site)
- Next.js → apps en complexe interactie (webshop, SaaS-frontend, dashboard)
- SvelteKit → alternatief voor Next.js, vooral voor teams die Svelte prefereren
Klaar. Als je meer context wil, lees door.
De drie in een zin
Astro is een framework dat primair statische HTML genereert met optionele “islands” van interactiviteit (React, Vue, Svelte, etc). Minimaal JavaScript = snelste sites.
Next.js is een React-framework met server-rendering, server components, routing en API-routes in één. De-facto standaard voor productiewaardige React-apps.
SvelteKit is het SvelteKit-equivalent: een full-stack framework rond Svelte. Compacter en performanter dan React, met kleinere community.
Astro in detail
Wanneer kiezen:
- Content-rijke sites (blog, kennisbank, marketing)
- Bureau-site, portfolio, documentatie
- Alles wat primair tekst + beeld is met hier en daar een interactief onderdeel
Sterktes:
- Zero-JS by default — pagina’s sturen alleen HTML tenzij je er expliciet interactiviteit toevoegt
- Kan componenten uit elk React/Vue/Svelte/Lit framework gebruiken (“islands”)
- Ontworpen voor content: heeft markdown-collecties, image-optimization en sitemap-integratie standaard
- Uitstekend voor SEO/GEO door snelle HTML-delivery
Zwaktes:
- Geen rechtstreekse ondersteuning voor server-state over routes (niet gemaakt voor apps)
- Kleinere ecosysteem dan Next.js
- Voor complexe SPA-ervaring niet de juiste tool
Onze site draait op Astro. Voor wat wij zijn — een bureau met veel content — was het de beste keuze.
Next.js in detail
Wanneer kiezen:
- Webshops (ecommerce met dynamische data)
- SaaS-frontends
- Dashboards en portals
- Sites met veel gebruiker-specifieke content
Sterktes:
- Uitgebreid React-ecosysteem
- Server Components voor efficiente renders
- Vercel-integratie (edge functions, ISR, image optimization)
- Grote community, veel voorbeelden
Zwaktes:
- Zwaarder dan Astro voor pure content-sites
- Complexiteit neemt snel toe (App Router leercurve)
- Meer ruimte voor slechte keuzes die performance schaden
SvelteKit in detail
Wanneer kiezen:
- Apps met soepele UX als prioriteit
- Teams die Svelte prefereren boven React
- Kleinere tot middelgrote projecten
Sterktes:
- Compactere syntax dan React (minder boilerplate)
- Moderne reactivity — voor animaties en interactie slimmer
- Excellente Developer Experience
- Snelle bundles
Zwaktes:
- Kleinere community en bibliotheek-ecosysteem
- Minder vanzelfsprekende keuze voor klanten die later een ander team willen inhuren
Vergelijking op kerncriteria
| Astro | Next.js | SvelteKit | |
|---|---|---|---|
| Primair voor | Content-sites | Apps | Apps / interactieve sites |
| Default rendering | Static / SSG | Hybrid (SSR+CSR) | Hybrid |
| JavaScript in output | Zeer weinig | Standaard meer | Middelmatig |
| Leercurve | Laag | Middel | Laag-middel |
| Ecosysteem | Goed, groeiend | Enorm | Goed, kleiner |
| Vercel-support | Eersteklas | Eersteklas | Goed |
| Image-optimization | Ingebouwd | Ingebouwd | Plugins |
| Content-collecties | Ingebouwd | Third-party | Third-party |
| AI-first geschikt | ✓ uitstekend | ✓ met config | ✓ met config |
Wat als mijn site beide doet?
Veel sites hebben content (blog, info-pagina’s) én interactieve delen (klantportaal, dashboard). Twee strategieën:
Optie A: Één stack voor alles Kies Next.js. Complexe sites van één stack. Meer JS in je content-deel, maar ontwerp eenvoudiger.
Optie B: Twee stacks, gescheiden
Astro voor agensea.nl (content), Next.js voor app.agensea.nl (portal). Beide optimized. Meer complexiteit in hosting maar beste performance.
Voor mkb met <500.000 visitors/mnd is optie A meestal goed genoeg. Voor grotere sites met grote content-laag die snel moet zijn, optie B.
Onze aanbeveling per use-case
Voor een bureau-/consultant-/B2B-site met veel content: Astro. Snelle build, snelle load, makkelijk voor content-team.
Voor een webshop: Next.js. Dynamische product-data, cart-state, checkout — dat is waar Next.js voor is gebouwd.
Voor een SaaS-frontend met complexe interactie: Next.js of SvelteKit afhankelijk van teamvoorkeur.
Voor een documentatie-site of kennisbank: Astro of Starlight (Astro-gebaseerd docs-framework).
De valkuil: framework-hype
Een developer die drie weken geleden een nieuwe framework heeft ontdekt, is overenthousiast. Dat mag. Maar kies geen framework op basis van “nieuwste en coolste” — kies op basis van fit met project + fit met team + onderhoudbaarheid over 3-5 jaar.
Astro (2022) en Next.js (2016) zijn allebei bewezen en gaan niet weg. SvelteKit (2020) ook. Alle drie zijn safe picks.
Verder
Onzeker welke stack past bij jouw project? Bel 06 81 38 36 01 of plan een gesprek.
Tags
Geschreven door
Jorian Wientjens
Developer en technisch specialist bij Agensea. Bouwt al jaren websites en maatwerk software, en kent het hele speelveld — van hosting en DNS tot performance en code-architectuur.