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:
export default function Test() {
return <h1>test component</h1>;
}
Ustawmy metadane dla adresu URL, odpowiadającego naszemu plikowi z treścią:
export const metadata = {
title: 'My Test page',
description: 'Description for test page.',
}
export default function Test() {
return <h1>test component</h1>;
}
Utwórz na swojej stronie trzy podstrony:
/about, /price, /contacts.
Dodaj na tych stronach jakiś tekst.
Dla każdej strony utwórz własne
metadane.
