404 შეცდომის კასტომიზაცია NextJS-ში

წინა გაკვეთილში ჩვენ ვნახეთ, რომ NextJS-ში უკვე ჩაშენებულია ლამაზად დიზაინერებული 404 შეცდომის გვერდი.

მაგრამ სურვილის შემთხვევაში ჩვენ შეგვიძლია შევქმნათ საკუთარი შეცდომის გვერდი, მივცეთ მას ჩვენთვის სასურველი სტილი (ამბობენ, კასტომიზაცია).

ამისთვის საჭიროა შევქმნათ ფაილი სპეციალური სახელით not-found.jsx და განვათავსოთ იგი app საქაღალდეში:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>შეცდომა 404</h1>
    <p>
      ეს გვერდი არ მოიძებნა
    </p>
  </>
}