Anpassen des 404-Fehlers in NextJS

In der vorherigen Lektion haben wir gesehen, dass NextJS bereits eine schön gestaltete 404-Fehlerseite eingebaut hat.

Aber bei Bedarf können wir unsere eigene Fehlerseite erstellen und sie im gewünschten Stil gestalten (man sagt anpassen).

Dazu muss eine Datei mit dem speziallen Namen not-found.jsx erstellt und im Ordner app platziert werden:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>Error 404</h1>
    <p>
      this page is not found
    </p>
  </>
}