เลย์เอาต์เริ่มต้นใน NextJS

ในบทเรียนที่แล้วเราได้ทราบแล้วว่า เราควรมีเลย์เอาต์ทั่วไปของเว็บไซต์ ซึ่งเนื้อหา หัวเรื่อง และคำอธิบายเมตาของเพจจะถูกแทรกลงไป ใน NextJS นั้นมีไฟล์เลย์เอาต์ทั่วไปของเว็บไซต์อยู่แล้วตามค่าเริ่มต้น ซึ่งอยู่ในไฟล์ app/layout.jsx

หลังจากติดตั้ง ในไฟล์เลย์เอาต์จะมีโค้ดบางส่วนอยู่แล้ว อย่างไรก็ตาม โค้ดนี้มีสิ่งที่ไม่จำเป็นหลายอย่าง มาสร้างเลย์เอาต์เว็บไซต์ขั้นต่ำกัน ซึ่งจะทำให้เข้าใจได้ง่าย เพื่อทำสิ่งนี้ โปรดเปิดไฟล์เลย์เอาต์ ลบทั้งหมด ออกจากนั้น แล้วแทรกโค้ดต่อไปนี้:

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

แก้ไขเนื้อหาเริ่มต้น ในเลย์เอาต์หลักของเว็บไซต์