Personalización del error 404 en NextJS

En la lección anterior, vimos que NextJS ya tiene incorporada una página de error 404 con un diseño atractivo.

Pero si lo deseamos, podemos crear nuestra propia página para el error, dándole el estilo que queramos (se suele decir personalizar).

Para ello, necesitamos crear un archivo con el nombre especial not-found.jsx y ubicarlo en la carpeta app:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>Error 404</h1>
    <p>
      esta página no se encuentra
    </p>
  </>
}