Metadata v NextJS

Pojďme se nyní podívat, jak přidat na stránku název a meta popis. V NextJS se s nimi pracuje společně, a proto se nazývají jedním společným slovem metadata.

Metadata se nastavují pomocí speciálního objektu obsahujícího název a meta popis:

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

NextJS sám provede vložení metadat do příslušných tagů. My se o to nemusíme starat. Proto v hlavním rozložení webu chybí tag head, protože bude vygenerován automaticky:

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

Existují různé způsoby, jak nastavit metadata. Ty budeme studovat v následujících lekcích.