Metadane w NextJS

Przyjrzyjmy się teraz, jak dodać na stronę tytuł i metaopis. W NextJS praca z nimi odbywa się wspólnie i dlatego nazywane są jednym wspólnym słowem metadane.

Metadane są ustawiane za pomocą specjalnego obiektu, zawierającego tytuł i metaopis:

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

Przy tym NextJS samodzielnie wykona wstawienie metadanych do odpowiednich tagów. My nie musimy się tym przejmować. Dlatego w głównym układzie strony brakuje tagu head, ponieważ zostanie on wygenerowany automatycznie:

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

Istnieją różne sposoby ustawiania metadanych. Będziemy się ich uczyć w kolejnych lekcjach.