Bố cục mặc định trong NextJS

Trong bài học trước, chúng ta đã tìm hiểu rằng chúng ta cần có một bố cục chung cho trang web, vào đó nội dung, tiêu đề và mô tả meta của trang được chèn vào. Trong NextJS, mặc định đã có một tệp với bố cục chung của trang web. Nó nằm trong tệp app/layout.jsx.

Sau khi cài đặt, tệp bố cục đã có sẵn một số mã. Tuy nhiên, mã này chứa nhiều thứ không cần thiết. Hãy tạo một bố cục trang web tối giản, mà chúng ta có thể dễ dàng hiểu được. Để làm điều này, hãy mở tệp bố cục, xóa tất cả nội dung trong đó và chèn nội dung sau:

export const metadata = {
	title: 'Test site',
	description: 'This is my page description.',
};

export default function RootLayout({children}) {
	return (
		<html lang="en">
			<body>
				{children}
			</body>
		</html>
	);
}

Hãy sửa nội dung mặc định trong bố cục chính của trang web.