Metadata i hovedlayoutet af et websted i NextJS

Så i den forrige lektion fandt vi ud af, at der er forskellige måder at indsætte metadata på. Den enkleste af dem er at indstille dem i layoutfilen ved hjælp af følgende konstruktion:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

I dette tilfælde vil titlen og metabeskrivelsen blive ændret til dem, vi har angivet. Denne tilgang har dog et væsentligt problem. Det består i, at metadata er hårdt kodet i webstedets hovedlayout. Det vil sige, at de vil være de samme for enhver URL. Dette er forkert både fra et SEO-synspunkt og fra et brugervenlighedssynspunkt.