404-es hiba testreszabása NextJS-ben

Az előző leckében láttuk, hogy a NextJS-be már beépített egy szépen formázott 404-es hibaoldalt.

De ha szeretnénk, létrehozhatjuk saját hibaoldalunkat, tetszés szerinti stílusban (ezt testreszabásnak nevezik).

Ehhez létre kell hozni egy fájlt a speciális not-found.jsx névvel és el kell helyezni a app mappában:

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