Transfer Statis Metadata dari Konten ke NextJS

Sekarang mari kita pelajari cara menetapkan metadata sendiri untuk setiap URL. Untuk ini, objek dengan metadata perlu diekspor dari file dengan konten situs.

Mari kita lihat bagaimana hal ini dilakukan. Misalkan kita memiliki beberapa komponen dengan konten situs:

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

Mari kita tetapkan metadata untuk URL, yang sesuai dengan file konten kita:

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>;
}