Question 1

Server Action trong Next.js là gì?

Accepted Answer

Server Action là một hàm bất đồng bộ chỉ chạy trên server và có thể được gọi trực tiếp từ các component Client hoặc Server. Nó xử lý các mutations dữ liệu (POST, PUT, DELETE) mà không cần tạo API route rõ ràng. Server Actions đơn giản hóa code bằng cách tránh trùng lặp API route + lời gọi fetch phía client.

Question 2

Cách khai báo Server Action trong một file riêng?

Accepted Answer

Để tạo Server Action trong file riêng, thêm directive 'use server' ở đầu file và export các hàm async. Cách này được khuyến nghị để tái sử dụng và phân tách trách nhiệm. Các hàm sau đó có thể được import vào bất kỳ component Client hoặc Server nào.

Question 3

Sự khác biệt giữa Server Action và API route là gì?

Accepted Answer

Server Actions có thể gọi trực tiếp từ các component mà không cần tạo REST endpoint rõ ràng, trong khi API routes yêu cầu một lời gọi HTTP (fetch). Server Actions đơn giản hóa code bằng cách tránh trùng lặp route + lời gọi client. Chúng tối ưu cho các mutations đơn giản, nhưng API routes vẫn hữu ích cho public endpoints hoặc webhooks.

Server Actions trong Next.js

Server Action trong Next.js là gì?

Câu trả lời

Cách khai báo Server Action trong một file riêng?

Câu trả lời

Sự khác biệt giữa Server Action và API route là gì?

Câu trả lời

Cách sử dụng Server Action trong form HTML?

Server Action nhận loại dữ liệu gì từ form?

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

Đị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