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

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

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

src/app/test/page.jsxexport default function Test() {
  return <h1>test component</h1>;
}

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

src/app/test/page.jsxexport const metadata = {
  title: 'My Test page',
  description: 'Description for test page.',
}

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