Staattinen metatietojen välittäminen sisällöstä NextJS:ssä
Opitaan nyt asettamaan omat metatiedot jokaiselle URL-osoitteelle. Tätä varten metatietoja sisältävä objekti tulee eksportata sivuston sisältötiedostosta.
Katsotaan, kuinka tämä tehdään. Oletetaan, että meillä on jokin komponentti sivuston sisällöllä:
export default function Test() {
return <h1>testikomponentti</h1>;
}
Asetetaan metatiedot URL-osoitteelle, joka vastaa sisältötiedostoamme:
export const metadata = {
title: 'Minun testisivu',
description: 'Kuvaus testisivulle.',
}
export default function Test() {
return <h1>testikomponentti</h1>;
}
Tee sivustollesi kolme sivua:
/about, /price, /contacts.
Lisää näille sivuille jotakin tekstiä.
Tee jokaiselle sivulle omat
metatietonsa.
