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:
export 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:
export 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>;
}
Tạo ba trang trên trang web của bạn:
/about, /price, /contacts.
Thêm một số văn bản nào đó vào các trang này.
Hãy tạo metadata riêng
cho từng trang.
