Statický prenos metadát z obsahu v NextJS
Poďme sa teraz naučiť, ako nastaviť vlastné metadáta pre každú URL. Na to je potrebné exportovať objekt s metadátami zo súboru s obsahom stránky.
Pozrime sa, ako sa to robí. Predpokladajme, že máme nejaký komponent s obsahom stránky:
export default function Test() {
return <h1>test component</h1>;
}
Nastavme metadáta pre URL, ktorá zodpovedá nášmu súboru s obsahom:
export const metadata = {
title: 'My Test page',
description: 'Description for test page.',
}
export default function Test() {
return <h1>test component</h1>;
}
Vytvorte na svojej stránke tri stránky:
/about, /price, /contacts.
Pridajte na tieto stránky nejaký text.
Pre každú stránku vytvorte vlastné
metadáta.