Metadata i NextJS

Lad os nu se på, hvordan man tilføjer en titel og en metabeskrivelse til en side. I NextJS håndteres de sammen og kaldes derfor med et fælles ord: metadata.

Metadata angives ved hjælp af et specielt objekt, der indeholder titel og metabeskrivelse:

app/layout.jsx{
  title: '...',
  description: '...',
};

NextJS vil selv indsætte metadata i de relevante tags. Vi behøver ikke at bekymre os om dette. Derfor er der i hovedlayoutet for hjemmesiden ikke noget head-tag, da den vil blive genereret automatisk:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}

Der findes forskellige måder at angive metadata på. Dem vil vi studere i de næste lektioner.