Metadata trong NextJS
Bây giờ hãy xem cách thêm tiêu đề và mô tả meta vào một trang. Trong NextJS, việc làm việc với chúng được thực hiện chung với nhau và do đó chúng được gọi chung bằng một thuật ngữ metadata.
Metadata được xác định thông qua một đối tượng đặc biệt chứa tiêu đề và mô tả meta:
{
title: '...',
description: '...',
};
NextJS sẽ tự động chèn metadata
vào các thẻ tương ứng. Chúng ta không cần phải lo lắng
về điều này. Do đó, trong bố cục chính của trang web
không có thẻ head,
vì nó sẽ được tự động tạo ra:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Có nhiều cách khác nhau để xác định metadata. Chúng ta sẽ nghiên cứu chúng trong các bài học tiếp theo.