Statický přenos metadat z obsahu v NextJS
Nyní se naučme nastavovat vlastní metadata pro každou URL. K tomu je potřeba exportovat objekt s metadaty ze souboru s obsahem webu.
Podívejme se, jak se to dělá. Předpokládejme, že máme nějakou komponentu s obsahem webu:
export default function Test() {
return <h1>testovací komponenta</h1>;
}
Nastavme metadata pro URL, která odpovídá našemu souboru s obsahem:
export const metadata = {
title: 'Moje testovací stránka',
description: 'Popis pro testovací stránku.',
}
export default function Test() {
return <h1>testovací komponenta</h1>;
}
Vytvořte na svém webu tři stránky:
/about, /price, /contacts.
Přidejte na tyto stránky nějaký text.
Pro každou stránku vytvořte vlastní
metadata.