Penghantaran Metadata Statik daripada Kandungan ke NextJS

Sekarang mari kita belajar menetapkan metadata sendiri untuk setiap URL. Untuk ini, objek dengan metadata perlu dieksport daripada fail dengan kandungan tapak.

Mari kita lihat bagaimana ia dilakukan. Katakan kita mempunyai beberapa komponen dengan kandungan tapak:

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

Mari tetapkan metadata untuk URL, yang sepadan dengan fail kami dengan kandungan:

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

export default function Test() {
  return <h1>test component</h1>;
}