Metadata i NextJS

Låt oss nu titta på hur man lägger till titel och metabeskrivning på en sida. I NextJS hanteras de tillsammans och kallas därför med ett gemensamt ord metadata.

Metadata anges med hjälp av ett specialobjekt som innehåller titel och metabeskrivning:

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

NextJS kommer själv att sätta in metadata i motsvarande taggar. Vi behöver inte bry oss om det. Därför finns det ingen head-tagg i huvudlayouten, eftersom den kommer att genereras automatiskt:

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

Det finns olika sätt att ange metadata. Vi kommer att studera dem i kommande lektioner.