Métadonnées dans NextJS
Voyons maintenant comment ajouter un titre et une méta-description à une page. Dans NextJS, leur gestion est effectuée conjointement, c'est pourquoi on les appelle par un terme général : métadonnées.
Les métadonnées sont définies à l'aide d'un objet spécial contenant le titre et la méta-description :
{
title: '...',
description: '...',
};
NextJS se chargera alors lui-même d'insérer les métadonnées
dans les balises correspondantes. Nous n'avons pas à nous en soucier.
C'est pourquoi la mise en page principale du site
ne contient pas de balise head,
car elle sera générée automatiquement :
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Il existe différentes manières de définir les métadonnées. Nous les étudierons dans les prochaines leçons.