Question 1

Route Handler trong Next.js 13+ với App Router là gì?

Accepted Answer

Route Handler là một hàm server trong file route.ts (hoặc route.js) cho phép tạo các endpoint API tùy chỉnh. Khác với API Routes của Pages Router (thư mục pages/api), Route Handlers nằm trong thư mục app/ và hỗ trợ Web Standard Request/Response. Chúng xử lý các yêu cầu HTTP (GET, POST, PUT, DELETE, v.v.) ở phía server.

Question 2

Làm thế nào để tạo Route Handler xử lý yêu cầu GET?

Accepted Answer

Để xử lý yêu cầu GET, hãy export một hàm async có tên GET trong file route.ts. Hàm này nhận một đối tượng Request và trả về Response bằng NextResponse.json(). Next.js tự động ánh xạ hàm GET được export với các yêu cầu HTTP GET trên route đó. Các phương thức HTTP khác (POST, PUT, DELETE, PATCH) cũng theo cùng mẫu với tên tương ứng.

Question 3

Sự khác biệt giữa NextResponse và Response tiêu chuẩn là gì?

Accepted Answer

NextResponse mở rộng lớp Response tiêu chuẩn của Web với các tính năng dành riêng cho Next.js. Nó cung cấp các phương thức tiện lợi như NextResponse.json() để tự động serialize, NextResponse.redirect() để chuyển hướng, và giúp thao tác cookie cùng header dễ dàng hơn. Mặc dù Response tiêu chuẩn vẫn hoạt động, NextResponse được khuyến nghị vì nó đơn giản hóa mã nguồn và tích hợp tốt hơn với hệ sinh thái Next.js.

API Routes trong Next.js

Route Handler trong Next.js 13+ với App Router là gì?

Câu trả lời

Làm thế nào để tạo Route Handler xử lý yêu cầu GET?

Câu trả lời

Sự khác biệt giữa NextResponse và Response tiêu chuẩn là gì?

Câu trả lời

Làm thế nào để lấy các tham số tìm kiếm (query params) trong Route Handler?

Làm thế nào để xử lý yêu cầu POST và lấy body JSON?

Các chủ đề phỏng vấn React / Next.js khác

Nền tảng JavaScript

Nền tảng React

React Hooks

Vòng đời component

React Router

Quản lý state với Context

Biểu mẫu và Controlled Components

Lấy dữ liệu & API

React Query (TanStack Query)

Styling & CSS-in-JS

Nền tảng Next.js

TypeScript với React

Data Fetching trong Next.js

Server Actions trong Next.js

Định tuyến & Điều hướng trong Next.js

Metadata & SEO trong Next.js

Middleware & Auth trong Next.js

Kiểm thử React

Zustand State Management

Tối ưu hiệu năng React

Error Boundaries & Error Handling

Advanced React Patterns

Tính năng nâng cao của Next.js

Triển khai & Môi trường Production với Next.js

Architecture & Design Patterns

React Server Components

Quốc tế hóa Next.js

React Bảo mật & Thực hành tốt nhất

Nắm vững React / Next.js cho lần phỏng vấn tiếp theo