Statyczne przekazywanie metadanych z treści w NextJS

Nauczmy się teraz ustawiać własne metadane dla każdego adresu URL. Aby to zrobić, obiekt z metadanymi będzie musiał zostać wyeksportowany z pliku z treścią strony.

Spójrzmy, jak to się robi. Załóżmy, że mamy jakiś komponent z treścią strony:

src/app/test/page.jsxexport default function Test() {
  return <h1>test component</h1>;
}

Ustawmy metadane dla adresu URL, odpowiadającego naszemu plikowi z treścią:

src/app/test/page.jsxexport const metadata = {
  title: 'My Test page',
  description: 'Description for test page.',
}

export default function Test() {
  return <h1>test component</h1>;
}