404-virheen mukauttaminen NextJS:ssä

Edellisessä oppitunnissa näimme, että NextJS:ssä on jo valmiiksi sisäänrakennettu kauniisti muotoiltu 404 -virhesivu.

Mutta halutessamme voimme luoda oman virhesivun, muotoilemalla sen haluamaamme tyyliin (sanotaan, mukauttaa).

Tätä varten on luotava tiedosto erityisellä nimellä not-found.jsx ja sijoittaa se kansioon app:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>Virhe 404</h1>
    <p>
      tätä sivua ei löydy
    </p>
  </>
}