Statikus metaadatok továbbítása a tartalomból NextJS-ben

Most pedig tanuljuk meg, hogyan állíthatunk be saját metaadatokat minden URL-hez. Ehhez a metaadatokat tartalmazó objektumot a webhely tartalmát tartalmazó fájlból kell exportálnunk.

Nézzük meg, hogyan is történik ez. Tegyük fel, hogy van egy komponensünk a webhely tartalmával:

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

Állítsuk be a metaadatokat annak az URL-nek, ami a tartalmi fájlunknak felel meg:

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

export default function Test() {
  return <h1>teszt komponens</h1>;
}
Задание 1

Készítsen három oldalt a webhelyén: /about, /price, /contacts. Adjon hozzá valamilyen szöveget ezeken az oldalakon. Minden oldalhoz készítsen saját metaadatokat.