Στατική Μεταφορά Μεταδεδομένων από το Περιεχόμενο στο NextJS

Ας μάθουμε τώρα πώς να ορίζουμε τα δικά μας μεταδεδομένα για κάθε URL. Για αυτό, το αντικείμενο με τα μεταδεδομένα θα πρέπει να εξάγεται από το αρχείο με το περιεχόμενο του site.

Ας δούμε πώς γίνεται αυτό. Ας υποθέσουμε ότι έχουμε κάποια component με το περιεχόμενο του site:

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