Tùy chỉnh lỗi 404 trong NextJS
Trong bài học trước, chúng ta đã thấy rằng
NextJS đã tích hợp sẵn một trang lỗi
404 được thiết kế đẹp mắt.
Tuy nhiên, nếu muốn, chúng ta có thể tạo trang lỗi của riêng mình, thiết kế nó theo phong cách mong muốn (người ta gọi là tùy chỉnh).
Để làm điều này, cần tạo một tệp
với tên đặc biệt not-found.jsx
và đặt nó trong thư mục app:
export default function NotFound() {
return <>
<h1>Error 404</h1>
<p>
this page is not found
</p>
</>
}
Hãy tạo đầu ra tùy chỉnh cho
lỗi 404. Đảm bảo rằng
trong trường hợp xảy ra lỗi, tệp của bạn được trả về,
chứ không phải tệp tích hợp sẵn trong NextJS.
