Personalização do Erro 404 no NextJS
Na lição anterior, vimos que
o NextJS já possui uma página de erro
404 bem elaborada e bonita.
Mas, se desejarmos, podemos criar nossa própria página de erro, estilizando-a da maneira que quisermos (diz-se personalizar).
Para isso, é necessário criar um arquivo
com o nome especial not-found.jsx
e colocá-lo na pasta app:
export default function NotFound() {
return <>
<h1>Erro 404</h1>
<p>
esta página não foi encontrada
</p>
</>
}
Faça a exibição personalizada
do erro 404. Certifique-se de que,
em caso de erro, seu arquivo é entregue,
e não o padrão do NextJS.