Question 1

Vercel Platform là gì trong bối cảnh triển khai Next.js?

Accepted Answer

Vercel Platform là nền tảng cloud-native được thiết kế đặc biệt cho Next.js, cung cấp triển khai zero-config với tự động phát hiện framework. Nền tảng tự động tối ưu hóa các build, cấu hình Edge Network toàn cầu và bật bộ nhớ đệm thông minh mà không cần cấu hình thủ công. Khác với các giải pháp chung như AWS hay Azure, Vercel được tối ưu hóa cho các tính năng Next.js như ISR, Middleware và Server Components với hiệu suất tối đa.

Question 2

Làm thế nào để công khai biến môi trường cho trình duyệt trong Next.js?

Accepted Answer

Các biến có tiền tố NEXT_PUBLIC_ được tự động công khai cho client và đưa vào bundle JavaScript trong quá trình build. Các biến không có tiền tố này vẫn ở phía server và không bao giờ được gửi đến trình duyệt, đảm bảo bảo mật cho các secret. Sự phân biệt này cho phép quản lý các API key công khai như NEXT_PUBLIC_STRIPE_KEY trong khi bảo vệ các secret nhạy cảm như khóa riêng tư Stripe.

Question 3

Lệnh nào để tạo production build cho Next.js?

Accepted Answer

Lệnh next build tạo ra phiên bản production được tối ưu hóa của ứng dụng, bao gồm nén code, tối ưu hóa hình ảnh, tạo trang tĩnh và đóng gói tài nguyên. Bước này không thể thiếu trước khi triển khai vì nó tạo ra thư mục .next chứa tất cả các file được tối ưu hóa. Lệnh next start sau đó khởi động server production sử dụng build đã được tối ưu hóa này.

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

Vercel Platform là gì trong bối cảnh triển khai Next.js?

Câu trả lời

Làm thế nào để công khai biến môi trường cho trình duyệt trong Next.js?

Câu trả lời

Lệnh nào để tạo production build cho Next.js?

Câu trả lời

Image Docker nào dùng làm base để container hóa Next.js?

Cấu hình biến môi trường ở đâu trong Vercel?

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

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

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