Question 1

App Router trong Next.js là gì?

Accepted Answer

App Router là hệ thống định tuyến mới trong Next.js 13+ dựa trên thư mục app/. Nó thay thế Pages Router và giới thiệu Server Components theo mặc định, layout dùng chung, và mô hình định tuyến linh hoạt hơn với các quy ước file như page.tsx, layout.tsx và loading.tsx.

Question 2

Làm thế nào để tạo route /about trong App Router?

Accepted Answer

Trong App Router, mỗi thư mục đại diện cho một segment route. Để tạo /about, tạo app/about/page.tsx. File page.tsx cần thiết để làm cho route có thể truy cập công khai. Không có file này, thư mục chỉ là một segment đường dẫn không có trang hiển thị.

Question 3

Hành vi mặc định của các component trong App Router là gì?

Accepted Answer

Trong App Router, tất cả các component đều là Server Components theo mặc định. Chúng chỉ thực thi trên server và không gửi JavaScript đến client, cải thiện hiệu suất. Để sử dụng các tính năng phía client (hooks, sự kiện), bạn phải thêm chỉ thị 'use client' ở đầu file.

Nền tảng Next.js

App Router trong Next.js là gì?

Câu trả lời

Làm thế nào để tạo route /about trong App Router?

Câu trả lời

Hành vi mặc định của các component trong App Router là gì?

Câu trả lời

Làm thế nào để tạo route động /posts/[id] trong App Router?

File layout.tsx trong App Router có mục đích gì?

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

TypeScript với React

Data Fetching trong Next.js

Server Actions trong Next.js

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

API Routes 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