Correction d'un getServerSideProps qui ne transmet pas les données

السيناريو

Contexte : Vous reprenez une page Next.js utilisée pour afficher une liste d'articles récupérés côté serveur pour un blog interne. Le Problème : Les données sont bien récupérées dans getServerSideProps mais la page affiche une erreur indiquant que props.articles est undefined. Contraintes : Vous devez corriger uniquement la transmission des props. Aucune librairie externe autorisée. Le rendu doit rester côté serveur. Code actuel : export async function getServerSideProps() { const res = await fetch("https://api.example.com/articles"); const articles = await res.json(); return { articles: articles }; } export default function Blog({ articles }) { return ( <ul> {articles.map(a => ( <li key={a.id}>{a.title}</li> ))} </ul> ); } Livrable attendu : Corriger la structure de retour de getServerSideProps pour que les données soient correctement injectées dans le composant.

المهارات المستهدفة