🖥️ Server-Side Rendering (SSR)

Définition Courte

Technique de rendu web où le HTML est généré côté serveur à chaque requête, puis envoyé complet au navigateur.

Explication Détaillée

Opposé au Client-Side Rendering (SPA) où le navigateur reçoit un coquille HTML vide + JS qui fait tout, le SSR envoie une page déjà remplie. Souvent combiné avec Hydration : le HTML arrive prêt, puis le JS "prend le relais" pour l'interactivité.

Avantages : SEO optimal, First Contentful Paint rapide, pas besoin de JS activé pour voir le contenu. Inconvénients : charge serveur accrue (rendu à chaque requête), Time to Interactive parfois plus long.

Variantes :

SSG (Static Site Generation) : HTML généré au build (Next.js export, Hugo, Astro).
ISR (Incremental Static Regeneration) : regénération à la demande.
Streaming SSR : envoi par chunks (React Server Components).

Cas d'Usage

Sites avec du contenu public référencé (blog, e-commerce, news).
Apps nécessitant un SEO fort.
Pages de marketing.

Outils Liés

Frameworks : Next.js, Nuxt, SvelteKit, Astro, Remix.
Langages : Node.js, Go, Rust (via Deno).

Pages Liées

Questions Ouvertes

SSR ou SSG : comment choisir ?
Les React Server Components vont-ils rendre le SSR "classique" obsolète ?

Liens

stack-frontend-solo-dev

1.6 KiB Raw Permalink Blame History