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:
export default function NotFound() {
return <>
<h1>Error 404</h1>
<p>
esta página no se encuentra
</p>
</>
}
Crea una salida personalizada para
el error 404. Asegúrate de que
en caso de error se sirva tu archivo,
y no el incorporado en NextJS.