Personnalisation de l'erreur 404 dans NextJS

Dans la leçon précédente, nous avons vu que NextJS intègre déjà une page d'erreur 404 joliment conçue.

Mais si nous le souhaitons, nous pouvons créer notre propre page d'erreur, en la concevant dans le style que nous voulons (on dit personnaliser).

Pour ce faire, il faut créer un fichier avec le nom spécial not-found.jsx et le placer dans le dossier app :

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