Wat zijn de alternatieven voor server-side rendering (SSR)?

• CSR (Client-Side Rendering): Alle renderlogica vindt plaats in de browser van de gebruiker met behulp van JavaScript. Aanvankelijk komt een leeg HTML-document, dat vervolgens wordt gevuld met inhoud. Geschikt voor SPA met hoge interactiviteit, maar lijdt onder lage SEO en trage eerste laadtijd.

• SSG (Static Site Generation): Pagina's worden vooraf gegenereerd op de server als statische HTML-bestanden tijdens de build van de applicatie. Deze bestanden worden zonder extra verwerking tijdens de aanvraag aan de browser geleverd. Ideaal voor inhoud die zelden verandert (blogs, documentatie), biedt uitstekende SEO en snelheid.

• ISR (Incrementele statische regeneratie): Combineert de voordelen van SSG en SSR. Pagina's worden statisch gegenereerd, maar kunnen incrementeel worden geregenereerd (per deel) op de achtergrond of op aanvraag bij nieuwe gegevens. Maakt het mogelijk om statisch gegenereerde inhoud bij te werken zonder de hele site opnieuw te bouwen.

• Pre-rendering: Vergelijkbaar met SSG, maar wordt meestal gebruikt voor specifieke pagina's, niet voor de hele site. Tijdens de build worden statische HTML-bestanden gegenereerd voor belangrijke pagina's. Andere pagina's worden op de client gerenderd.

SRO:

Methode	SEO	Prestatie (Eerste laden)	Ontwikkelingscomplexiteit	Interactiviteit
CSR	Laag	Laag	Gemiddeld	Hoog
SSG	Hoog	Hoog	Laag/Middel	Laag (afhankelijk van de client)
ISR	Hoog	Hoog	Gemiddeld	Gemiddeld/Hoog
Pre-rendering	Hoger dan CSR	Hoger dan CSR	Gemiddeld	Gemiddeld/Hoog