Lộ trình Next.js
Hướng dẫn từng bước để trở thành một nhà phát triển Android.
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