Metaadatok a NextJS-ben

Most nézzük meg, hogyan adhatunk hozzá címet és meta leírást egy oldalhoz. A NextJS-ben ezek kezelése együtt történik, ezért egy közös szóval, metaadatok-ként hivatkoznak rájuk.

A metaadatokat egy speciális objektum segítségével határozzuk meg, amely tartalmazza a címet és a meta leírást:

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

Eközben a NextJS automatikusan beilleszti a metaadatokat a megfelelő címkékbe. Nekünk nem kell ezzel törődnünk. Ezért a fő weboldalelrendezésben hiányzik a head címke, mivel az automatikusan generálódik:

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

Különböző módok vannak a metaadatok megadására. Ezeket a következő leckékben fogjuk tanulmányozni.