การปรับแต่งข้อผิดพลาด 404 ใน NextJS

ในบทเรียนที่แล้วเราเห็นว่า ใน NextJS มีหน้าแสดงข้อผิดพลาด 404 ที่ออกแบบมาสวยงามอยู่แล้ว

แต่หากต้องการ เราก็สามารถสร้างหน้า สำหรับข้อผิดพลาดของเราเองได้ โดยออกแบบให้มีสไตล์ตามที่ต้องการ (เรียกว่า customize)

ในการทำเช่นนี้ ต้องสร้างไฟล์ ที่มีชื่อพิเศษคือ not-found.jsx และวางไว้ในโฟลเดอร์ app:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>Error 404</h1>
    <p>
      ไม่พบหน้านี้
    </p>
  </>
}