Μεταδεδομένα στο NextJS
Ας δούμε τώρα πώς να προσθέσουμε στην σελίδα τίτλο και μετα-περιγραφή. Στο NextJS η εργασία με αυτά πραγματοποιείται από κοινού και γι' αυτό ονομάζονται με μια γενική λέξη μεταδεδομένα.
Τα μεταδεδομένα ορίζονται χρησιμοποιώντας ένα ειδικό αντικείμενο που περιέχει τίτλο και μετα-περιγραφή:
{
title: '...',
description: '...',
};
Στην περίπτωση αυτή, το NextJS θα εισαγάγει αυτόματα τα μεταδεδομένα
στις αντίστοιχες ετικέτες. Δεν χρειάζεται να ανησυχούμε
γι' αυτό. Γι' αυτό και στην κύρια διάταξη του ιστότοπου
απουσιάζει η ετικέτα head,
καθώς θα δημιουργηθεί αυτόματα:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Υπάρχουν διάφοροι τρόποι για να ορίσετε μεταδεδομένα. Θα τους μελετήσουμε στα επόμενα μαθήματα.