Next.js
Avancé
Stabilisation d'un système SSR provoquant des erreurs d'hydratation

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

nextjs
ssr
hydration
rendering

Scénario Technique

Contexte : Vous reprenez une application Next.js utilisant le rendu côté serveur pour afficher un dashboard personnalisé. Le Problème : En production, l'application affiche une erreur d'hydratation indiquant que le contenu rendu côté serveur ne correspond pas au rendu côté client. Contraintes : Vous devez conserver le SSR avec getServerSideProps. Aucune librairie externe autorisée. La correction doit éviter toute divergence entre rendu serveur et client. Code actuel : export async function getServerSideProps() { return { props: { date: new Date().toLocaleString() } }; } export default function Page({ date }) { return <div>{date}</div>; } Livrable attendu : Corriger la logique afin d'éviter les erreurs d'hydratation tout en conservant un rendu cohérent.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis
    Next.js - Stabilisation d'un système SSR provoquant des erreurs d'hydratation | Test Technique & Recrutement