Metadáta v NextJS

Poďme sa teraz pozrieť, ako pridať na stránku titulok a meta popis. V NextJS sa práce s nimi vykonáva spoločne, a preto sa nazývajú jedným spoločným slovom metadáta.

Metadáta sa nastavujú pomocou špeciálneho objektu, ktorý obsahuje titulok a meta popis:

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

NextJS sám vloží metadáta do príslušných tagov. My sa o to nemusíme starať. Preto v hlavnom rozložení stránky chýba tag head, pretože bude vygenerovaný automaticky:

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

Existujú rôzne spôsoby, ako nastaviť metadáta. Ich budeme študovať v nasledujúcich lekciách.