Giải thích mục đích của file `not-found.js` và cách tạo trang 404 tùy chỉnh trong Next.js App Router.

Question

Accepted Answer

Mục đích của file not-found.js

Trong Next.js App Router, file not-found.js được sử dụng để hiển thị giao diện tùy chỉnh (Custom 404 Error Page) khi người dùng truy cập vào một đường dẫn không tồn tại hoặc khi hàm notFound() được gọi chủ động trong code.

Nội dung chi tiết câu trả lời, phân tích kỹ thuật chuyên sâu, mã nguồn minh họa và các trường hợp ngoại lệ chỉ dành riêng cho học viên Unicode E-learning...

Để mở khóa toàn bộ giải pháp chi tiết và tài liệu hướng dẫn phỏng vấn, vui lòng nâng cấp tài khoản hoặc tham gia gói Learning Pass để truy cập không giới hạn.

// Mã nguồn và kiến trúc giải pháp bị ẩn đối với tài khoản chưa nâng cấp...

{product.name}

); } // app/products/[id]/not-found.js import Link from 'next/link'; export default function ProductNotFound() { return (

Không tìm thấy sản phẩm

Xin lỗi, sản phẩm bạn đang tìm kiếm không tồn tại hoặc đã bị xóa.

Quay lại danh sách sản phẩm

); } Lưu ý kinh nghiệm thực chiến Đặt file not-found.js ở cấp độ gốc (Root app/not-found.js) để xử lý toàn cục cho toàn bộ ứng dụng đối với các URL hoàn toàn sai, đồng thời có thể đặt các file not-found.js cụ thể trong từng nhánh thư mục con (như app/products/not-found.js) để xử lý riêng biệt cho từng phân hệ nghiệp vụ.

Giải thích mục đích của file `not-found.js` và cách tạo trang 404 tùy chỉnh trong Next.js App Router.

Mục đích của file not-found.js

Khóa học Next.js App Router Chuyên Sâu

Tải Tuyển Tập 100+ Câu Hỏi Phỏng Vấn Chuyên Sâu (PDF)

Cần Mentor Phỏng Vấn Thử 1-1 & Tối Ưu CV?

Kiểm Tra CV Chuẩn ATS Miễn Phí

Câu hỏi next.js liên quan cùng chủ đề