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:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>Erro 404</h1>
    <p>
      esta página não foi encontrada
    </p>
  </>
}