Frontend8 déc. 2025 • 9 min de lecture
Next.js : trouver le bon équilibre Server / Client Components
Le réflexe naturel, c'est de mettre 'use client' en haut de la page et de finir avec une SPA. La bonne stratégie, c'est de pousser la limite le plus bas possible dans l'arbre.
01La règle des feuilles
Les Server Components par défaut ; 'use client' uniquement sur les feuilles interactives : boutons, inputs, carrousels. Les pages de ce portfolio suivent cette règle — le contenu est rendu côté serveur, seuls les widgets sont clients.
02Le pattern de composition
Un composant serveur peut passer d'autres composants serveur en children à un composant client. C'est la clé : le composant client orchestre l'interactivité, le serveur fournit le contenu. Ni double fetch, ni waterfall.
#Next.js#React#Frontend
Une question sur cet article ?
Me contacter ↗
