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

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

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

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

Δημιουργήστε στο site σας τρεις σελίδες: /about, /price, /contacts. Προσθέστε σε αυτές τις σελίδες κάποιο κείμενο. Για κάθε σελίδα, δημιουργήστε τα δικά της μεταδεδομένα.