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:
export default function NotFound() {
return <>
<h1>Virhe 404</h1>
<p>
tätä sivua ei löydy
</p>
</>
}
Tee mukautettu
404 -virheen näyttö. Varmista, että
virhetilanteessa palautetaan tiedostosi,
eikä NextJS:n sisäänrakennettua.