Next.js

Vercel

Vercel is een frontend cloudplatform geoptimaliseerd voor Next.js en de JAM-stack (Javascript, APIs, Markup). Features: instant deploy vanuit Git, edge-netwerk, serverless functions en preview deployments. Zero-config met hoge performance. Alternatief: Netlify.

A

Providers

Svelte JavaScript Framework

Svelte is een innovatief framework dat op compile-time werkt. Er is geen virtual DOM: frameworkcode verdwijnt in de build-stap. Dit levert kleine bundles en een snelle runtime op. Componenten combineren HTML, CSS en JS in .svelte-bestanden. SvelteKit lijkt qua rol op Next.js.

AAA

Frontend

React JavaScript Library

React is een component-gebaseerde JavaScript-library voor interactieve UIs. Het gebruikt een virtuele DOM voor efficiënte updates, JSX (JS + XML) en hooks voor state en lifecycle. Het ecosysteem is uitgebreid (React Router, Redux, Next.js) en React is dominant voor SPAs.

AA

Frontend

Server-Side Rendering

Bij SSR genereert de server voor elk verzoek een HTML-pagina en stuurt deze naar de browser. Voordelen zijn betere SEO en snellere eerste weergave. Nadelen zijn hogere serverbelasting en langzamere Time to First Byte dan SSG. Next.js en Nuxt ondersteunen SSR out-of-the-box.

AA

Concepten

Static Site Generation

Bij SSG worden pagina's gebouwd op deploymenttijd in plaats van per request. Dit levert razendsnel serveerbare HTML op die gecached wordt op een CDN. Ideaal voor blogs, documentatiesites en marketingpagina's. Frameworks: Next.js, Nuxt en Astro.

AAA

Concepten