Truyền tải Metadata Tĩnh từ Nội dung trong NextJS

Bây giờ hãy học cách thiết lập metadata riêng cho từng URL. Để làm điều này, một đối tượng chứa metadata cần được xuất ra từ tệp chứa nội dung trang web.

Hãy xem cách thực hiện điều này. Giả sử chúng ta có một component chứa nội dung trang web:

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

Hãy thiết lập metadata cho URL tương ứng với tệp nội dung của chúng ta:

src/app/test/page.jsxexport const metadata = {
  title: 'Trang Thử nghiệm của Tôi',
  description: 'Mô tả cho trang thử nghiệm.',
}

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