การส่งข้อมูลเมตาดาต้าจากเนื้อหาไปยัง NextJS แบบคงที่

ตอนนี้เรามาเรียนรู้วิธีการกำหนด เมตาดาต้าของเราเองสำหรับแต่ละ URL สำหรับการนี้ วัตถุที่ประกอบด้วยเมตาดาต้า จะต้องถูกส่งออกมาจาก ไฟล์ที่มีเนื้อหาของเว็บไซต์

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

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

กำหนดเมตาดาต้าสำหรับ URL ที่สอดคล้องกับไฟล์ เนื้อหาของเรา:

export const metadata = {
	title: 'My Test page',
	description: 'Description for test page.',
}

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

สร้างสามหน้าบนเว็บไซต์ของคุณ: /about, /price, /contacts เพิ่มข้อความบางอย่างบนหน้าเหล่านี้ สำหรับแต่ละหน้าให้สร้างเมตาดาต้า ของตัวเอง