Metadane w głównym układzie strony w NextJS

A więc, w poprzedniej lekcji dowiedzieliśmy się, że istnieją różne sposoby wstawiania metadanych. Najprostszym z nich jest ustawienie ich w pliku layoutu za pomocą następującej konstrukcji:

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

W tym przypadku tytuł i metaopis zmienią się na przez nas wskazane. Jednakże, takie podejście ma istotny problem. Polega on na tym, że metadane są sztywno wpisane w głównym układzie strony. To znaczy wychodzi na to, że dla każdego URL będą one takie same. Jest to nieprawidłowe zarówno z punktu widzenia SEO, jak i z punktu widzenia wygody użytkowania strony.