Lộ trình Next.js
Hướng dẫn từng bước để trở thành một nhà phát triển Nhà phát triển Next.js.
Hỏi AI về Lộ trình Next.js
Chú giải
Đề xuất
Lựa chọn thay thế
Tùy chọn
1 Giới thiệu
Tại sao lại là Next.js?
Các Framework React
SPA so với SSR
2 Bắt đầu
create-next-app
Chiến lược Rendering
Kiến thức cơ bản về Routing trong Next.js
3 Routing
App Router so với Pages Router
Layout và Template
Tải và Truyền dữ liệu (Streaming)
Route song song & Route chặn
4 Làm việc với Dữ liệu
Các mẫu tìm nạp dữ liệu
Vị trí tìm nạp
Xử lý Dữ liệu nhạy cảm
5 Lưu trữ đệm & Thay đổi dữ liệu
Lưu trữ đệm dữ liệu
Server Actions
React Cache
Tải trước dữ liệu
6 Rendering
Môi trường chạy (Node.js vs Edge)
Rendering phía Server và Client
Các mẫu thành phần
7 Tối ưu hóa: Tài sản (Assets)
Hình ảnh
Video
Phông chữ
Metadata
8 Tối ưu hóa: Hiệu suất
Scripts
Tải lười (Lazy Loading)
Phân tích & Đo lường từ xa mở
9 Tạo kiểu trong Next.js
CSS toàn cục
CSS Modules
Tailwind CSS
Sass / CSS-in-JS
10 Cấu hình
TypeScript
ESLint & Prettier
Biến môi trường
Markdown và MDX
11 Kiểm thử
Kiểm thử đơn vị (Jest / Vitest)
Kiểm thử E2E (Playwright / Cypress)
12 Triển khai
Chuẩn bị cho Production
Máy chủ Node.js
Docker Container
Xuất tĩnh