Metadate în NextJS

Să analizăm acum cum să adăugăm pe pagină un titlu și o meta-descriere. În NextJS, lucrul cu acestea se realizează în mod comun și de aceea sunt numite printr-un singur cuvânt general metadate.

Metadatele sunt setate cu ajutorul unui obiect special care conține titlul și meta-descrierea:

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

În acest caz, NextJS va efectua singur inserarea metadatelor în tag-urile corespunzătoare. Nu trebuie să ne facem griji despre asta. De aceea, în layout-ul principal al site-ului lipsește tag-ul head, deoarece acesta va fi generat automat:

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

Există diferite modalități de a seta metadate. Le vom studia în lecțiile următoare.