De keuze voor Next.js
Na jarenlang met verschillende React frameworks te hebben gewerkt — van Create React App tot Remix, Astro en zelfs Vite met eigen SSR — kom ik steeds terug bij Next.js. Niet omdat het perfect is, maar omdat het de beste balans biedt tussen developer experience, performance en ecosysteem.
Wat Next.js 16 anders maakt
De release van Next.js 16 bracht een aantal fundamentele verbeteringen die mijn workflow merkbaar hebben veranderd.
Turbopack als standaard
Turbopack is niet langer experimenteel. De cold-start van mijn monorepo met drie apps ging van ~12 seconden naar onder de 2 seconden. Dat klinkt als een klein verschil, maar als je tientallen keren per dag je dev server herstart, telt het op.
Server Actions zijn volwassen geworden
Server Actions voelden in Next.js 14 nog als een experiment. In versie 16 zijn ze de idiomatische manier om formulieren af te handelen. Geen API routes meer nodig voor simpele CRUD operaties.
"use server";
export async function submitForm(formData: FormData) {
const email = formData.get("email") as string;
// Valideer, verwerk, return
return { ok: true };
}Next.js 15
- ❌Webpack als standaard bundler
- ❌Cold start: ~12 seconden
- ❌Server Actions nog experimenteel
- ❌Turbopack opt-in en instabiel
- ❌Complexere caching configuratie
Next.js 16
- ✅Turbopack als standaard bundler
- ✅Cold start: ~1.8 seconden
- ✅Server Actions volwassen en stabiel
- ✅Turbopack standaard en betrouwbaar
- ✅Vereenvoudigde caching met revalidation
De alternatieven
Next.js 16Aanbevolen | Remix | Astro | SvelteKit | |
|---|---|---|---|---|
| SSR + SSG | ||||
| Server Components | ||||
| Turbopack | ||||
| Server Actions | ||||
| Island Architecture | ||||
| Streaming | ||||
| Edge Runtime | ||||
| Ecosysteem | Zeer groot | Groeiend | Groeiend | Kleiner |
| Leercurve | Gemiddeld | Laag | Laag | Laag |
| Deployment opties | Veel | Veel | Veel | Beperkt |
Framework vergelijking: Next.js 16 vs. de alternatieven — elke heeft zijn sterktes
Remix
Remix heeft een elegante benadering van data loading met loader en action functies. Het router-gebaseerde model is intuïtief. Maar het ecosysteem is kleiner en de deployment opties minder flexibel.
Astro
Voor content-heavy sites is Astro uitstekend. De island architecture is briljant voor performance. Maar zodra je meer interactiviteit nodig hebt, merk je dat je tegen het framework aan het werken bent.
Vite + React Router
De meest flexibele optie, maar je moet alles zelf opzetten. SSR, code splitting, data fetching — het is allemaal mogelijk maar kost significant meer tijd.
Eerlijke kanttekening
Next.js is niet perfect. De vendor lock-in met Vercel is een reeel risico, de caching complexiteit kan overweldigend zijn, en het framework verandert snel. Maar voor productie-grade React apps biedt het de beste balans tussen snelheid en ecosysteem.
Conclusie
Next.js is niet voor elk project de juiste keuze. Maar voor teams die snel willen bouwen, een groot ecosysteem waarderen en niet willen kiezen tussen SSR en static generation, is het nog steeds de beste optie in 2026.
De combinatie van Turbopack, volwassen Server Actions en het Vercel-ecosysteem maakt het moeilijk om een beter alternatief te vinden voor productie-grade React applicaties.