Concevoir une application web avancee

Tirer parti des modes de rendu SSR, SSG, ISR pour optimiser la performance et le SEO.

Module 2Module 3Module 4

Exercice pratique

Implementer SSR, SSG et ISR

Ecrivez 3 composants de page Next.js qui illustrent chaque strategie de rendu :
1DashboardPage : SSR - affiche des statistiques temps reel (cache: "no-store")
2AboutPage : SSG - page statique generee au build (cache: "force-cache")
3ProductsPage : ISR - liste de produits revalidee toutes les heures (next: { revalidate: 3600 })
Chaque composant doit :
Etre un composant async
Faire un fetch avec l'option de cache appropriee
Retourner un JSX minimal
typescript