Μεταδεδομένα στο NextJS

Ας δούμε τώρα πώς να προσθέσουμε στην σελίδα τίτλο και μετα-περιγραφή. Στο NextJS η εργασία με αυτά πραγματοποιείται από κοινού και γι' αυτό ονομάζονται με μια γενική λέξη μεταδεδομένα.

Τα μεταδεδομένα ορίζονται χρησιμοποιώντας ένα ειδικό αντικείμενο που περιέχει τίτλο και μετα-περιγραφή:

app/layout.jsx{
  title: '...',
  description: '...',
};

Στην περίπτωση αυτή, το NextJS θα εισαγάγει αυτόματα τα μεταδεδομένα στις αντίστοιχες ετικέτες. Δεν χρειάζεται να ανησυχούμε γι' αυτό. Γι' αυτό και στην κύρια διάταξη του ιστότοπου απουσιάζει η ετικέτα head, καθώς θα δημιουργηθεί αυτόματα:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}

Υπάρχουν διάφοροι τρόποι για να ορίσετε μεταδεδομένα. Θα τους μελετήσουμε στα επόμενα μαθήματα.