SSR (Server-Side Rendering)

Le Server-Side Rendering (SSR) est une technique de rendu web dans laquelle le contenu HTML d'une page est généré sur le serveur au moment de chaque requête utilisateur, puis envoyé directement au navigateur. Contrairement au rendu côté client (CSR) où JavaScript génère le HTML dans le navigateur, le SSR livre une page pré-rendue immédiatement lisible, ce qui améliore à la fois le First Contentful Paint (FCP) et l'indexabilité SEO.

Dans le contexte de Next.js, le SSR correspond à l'utilisation de la fonction getServerSideProps (Pages Router) ou au rendu de Server Components (App Router) — ce dernier modèle étant le paradigme recommandé depuis Next.js 13. Le SSR est particulièrement pertinent pour les pages dont le contenu est personnalisé par utilisateur (dashboard, espace client), nécessite des données en temps réel, ou doit être protégé par authentification. Pour les contenus statiques ou peu fréquemment mis à jour, la génération statique (SSG) ou ISR est préférable au SSR.

Les avantages SEO du SSR sont significatifs : Googlebot reçoit un HTML complet sans dépendre de l'exécution JavaScript, ce qui garantit une indexation complète et rapide du contenu. Les Time to First Byte (TTFB) plus élevés du SSR par rapport au SSG peuvent être compensés par du caching au niveau CDN (edge caching). L'architecture hybride permise par Next.js — SSR pour certaines routes, SSG pour d'autres, ISR pour les compromis — est la meilleure pratique pour des projets complexes.