Metadata i NextJS

La oss nå se på hvordan du legger til tittel og metabeskrivelse på en side. I NextJS håndteres de sammen og derfor kalles de med ett felles ord metadata.

Metadata angis ved hjelp av et spesielt objekt som inneholder tittel og metabeskrivelse:

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

Samtidig vil NextJS selv sette inn metadata i de riktige taggene. Vi trenger ikke å tenke på dette. Derfor er det i hovedlayouten for nettstedet ingen head-tagg, ettersom den vil bli generert automatisk:

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

Det finnes ulike måter å angi metadata på. Disse vil vi studere i de neste leksjonene.