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

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

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

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

export default function NotFound() {
	return <>
		<h1>Error 404</h1>
		<p>
			ไม่พบหน้านี้
		</p>
	</>
}

ให้สร้างการแสดงข้อผิดพลาด 404 แบบกำหนดเอง ตรวจสอบให้แน่ใจว่า ในกรณีที่เกิดข้อผิดพลาด จะส่งไฟล์ของคุณกลับมา ไม่ใช่ไฟล์ที่มีอยู่แล้วใน NextJS