Προσαρμογή του σφάλματος 404 στο NextJS

Στο προηγούμενο μάθημα, είδαμε ότι το NextJS έχει ήδη ενσωματωμένη μια όμορφα σχεδιασμένη σελίδα σφάλματος 404.

Αλλά, αν το επιθυμούμε, μπορούμε να δημιουργήσουμε τη δική μας σελίδα για το σφάλμα, σχεδιάζοντάς την με το στυλ που θέλουμε (λέγεται προσαρμογή).

Για να το κάνετε αυτό, πρέπει να δημιουργήσετε ένα αρχείο με το ειδικό όνομα not-found.jsx και να το τοποθετήσετε στο φάκελο app:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>Σφάλμα 404</h1>
    <p>
      Αυτή η σελίδα δεν βρέθηκε
    </p>
  </>
}
Задание 1

Δημιουργήστε μια προσαρμοσμένη εμφάνιση του σφάλματος 404. Βεβαιωθείτε ότι σε περίπτωση σφάλματος, εμφανίζεται το αρχείο σας, και όχι το ενσωματωμένο του NextJS.