📄️ 1. Image Optimization
1. Mở đầu (Hook) 🎣
📄️ 2. Font Optimization
1. Mở đầu (Hook) 🎣
📄️ 3. Metadata & OG Images
1. Mở đầu (Hook) 🎣
📄️ 4. Routing
Hiểu rõ hệ thống file-based routing của Next.js App Router: pages, layouts, nested routes, dynamic segments, và navigation với Link component.
📄️ 5. Navigation & Prefetching
Khám phá chuyên sâu 4 cơ chế làm nên tốc độ của Next.js Navigation: Server Rendering, Prefetching, Streaming và Client-side Transitions.
📄️ 6. React v19
Tổng quan React 19: Actions, Server Components, Server Actions và các hooks mới. Giải thích chi tiết cách các tính năng hoạt động trong Next.js App Router.
📄️ 7. Server và Client Components
Hiểu rõ sự khác biệt giữa Server Component và Client Component trong Next.js App Router — khi nào dùng, cơ chế hoạt động, và cách kết hợp chúng hiệu quả.
📄️ 8. Các Phương Pháp Rendering
Hiểu rõ 5 phương pháp rendering trong Next.js App Router: Static, Dynamic, CSR, Streaming, ISR và Partial Prerendering (PPR) — khi nào dùng, cơ chế hoạt động, và cách kết hợp tối ưu.