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:

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