Metadata in NextJS
Laten we nu bekijken hoe we een titel en metabeschrijving aan een pagina kunnen toevoegen. In NextJS worden ze samen behandeld en daarom noemen we ze met één algemene term metadata.
Metadata wordt ingesteld met behulp van een speciaal object dat de titel en metabeschrijving bevat:
{
title: '...',
description: '...',
};
NextJS zal dan zelf de metadata invoegen
in de bijbehorende tags. Wij hoeven ons daar geen zorgen over te maken.
Daarom ontbreekt in de hoofdlay-out van de website
de head tag,
omdat deze automatisch gegenereerd zal worden:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Er zijn verschillende manieren om metadata in te stellen. Deze zullen we bestuderen in de volgende lessen.
