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?
Cc 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 Lm vi?c v?i D? li?u
Cc m?u tm n?p d? li?u
V? tr tm 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
Mi tr??ng ch?y (Node.js vs Edge)
Rendering pha Server v Client
Cc m?u thnh ph?n
7 T?i ?u ha: Ti s?n (Assets)
Hnh ?nh
Video
Phng ch?
Metadata
8 T?i ?u ha: Hi?u su?t
Scripts
T?i l??i (Lazy Loading)
Phn tch & ?o l??ng t? xa m?
9 T?o ki?u trong Next.js
CSS ton c?c
CSS Modules
Tailwind CSS
Sass / CSS-in-JS
10 C?u hnh
TypeScript
ESLint & Prettier
Bi?n mi 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
My ch? Node.js
Docker Container
Xu?t t?nh