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 :

app/layout.jsx{
  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 :

app/layout.jsxexport 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.