Phát triển Nâng cao với Next.js 16 Khóa Học Đào Tạo

Tổng quan về Next.js 16 và Kiến trúc Nâng cao

• Các tính năng chính và những thay đổi trong Next.js 16.x
• Kiến trúc App Router và các nguyên tắc thiết kế
• Server Components so với Client Components
• Các chiến lược render: SSR, SSG, ISR và streaming
• Hội đồng cấu trúc dự án và các thực hành tốt nhất
• Thiết kế ứng dụng lấy hiệu suất làm ưu tiên

Định tuyến và Điều hướng Nâng cao

• Layout lồng nhau và các mẫu UI chung
• Nhóm route (Route groups) để tổ chức định tuyến
• Route song song cho các đoạn route độc lập
• Route bắt giữ và điều hướng modal
• Định tuyến động và các đoạn bắt tất cả (catch-all)
• Route handlers cho các điểm cuối tùy chỉnh
• Middleware để xử lý yêu cầu

React Server Components và Các Tính năng Server

• Đi sâu vào mô hình React Server Components
• Thu thập dữ liệu phía server
• UI streaming với các ranh giới Suspense
• Ranh giới lỗi và xử lý lỗi
• Các mẫu UI loading
• Render một phần và render lại có chọn lọc

Server Actions và Forms

• Kiến trúc và khả năng của Server Actions
• Xử lý Form với xử lý phía máy chủ
• Các chiến lược xác thực dữ liệu đầu vào (Validation)
• Cập nhật giao diện người dùng lạc quan (Optimistic UI)
• Trạng thái chờ và phản hồi người dùng
• Tải lên tệp và nâng cấp tiến triển

Thu thập Dữ liệu và Bộ nhớ đệm Nâng cao

• Fetch API trong Next.js và ghi nhớ yêu cầu (request memoization)
• Cơ bản về Data Cache
• Cấu hình Route Cache
• Router Cache và cơ chế vô hiệu hóa bộ nhớ cache (cache invalidation)
• Chiến lược tái xác thực: theo yêu cầu và dựa trên thời gian
• Các mẫu dữ liệu streaming

Xác thực và Ủy quyền

• Kiến trúc xác thực trong Next.js
• Các mẫu quản lý phiên (Session)
• Luồng xác thực dựa trên JWT
• Chiến lược tích hợp OAuth
• Triển khai kiểm soát truy cập dựa trên vai trò (RBAC)
• Bảo vệ route dựa trên middleware

Tích hợp Cơ sở dữ liệu và ORM

• Các yếu tố cần xem xét trong kiến trúc cơ sở dữ liệu
• Tích hợp PostgreSQL với Next.js
• Cài đặt và truy vấn Prisma ORM
• Tổng quan về Drizzle ORM và quy trình di chuyển
• Cấu hình kết nối pool (Connection pooling)
• Chiến lược di chuyển cơ sở dữ liệu (Database migrations)
• Mẫu Repository cho truy cập dữ liệu

Phát triển API

• Rute Handlers và quy ước route API
• Triển khai API dạng RESTful
• Xác thực yêu cầu API
• Xử lý lỗi và định dạng phản hồi
• Các điểm cuối tải lên tệp
• Tích hợp và xác minh Webhook
• Giới hạn tốc độ và bảo mật API

Tối ưu hóa Hiệu suất

• Phân tích và tối ưu hóa Bundle
• Chiến lược tách mã (Code splitting)
• Nhập động (Dynamic imports) để tải theo yêu cầu
• Tối ưu hóa thành phần hình ảnh
• Tối ưu hóa phông chữ với next/font
• Các mẫu tải chậm (Lazy loading)
• Kỹ thuật tối ưu hóa Core Web Vitals

Kiểm tra Ứng dụng Next.js

• Chiến lược kiểm thử đơn vị cho mã phía server và client
• Test thành phần với các tiện ích kiểm thử
• Kiểm thử tích hợp cho các luồng dữ liệu đầy đủ
• Kiểm thử đầu cuối (End-to-end) với Playwright hoặc Cypress
• Mô phỏng API và dịch vụ
• Test React Server Components
• Test Server Actions

Triển khai, DevOps và Giám sát

• Cấu hình bản dựng sản xuất
• Quản lý biến môi trường
• Khóa container Docker cho Next.js
• Cài đặt quy trình CI/CD
• Giám sát và ghi nhật ký ứng dụng
• Theo dõi và báo cáo lỗi
• Giám sát hiệu suất trong môi trường sản xuất

Các Mẫu Nâng cao và Dự án Tổng kết

• Các mẫu kiến trúc dự án cho khả năng mở rộng
• Tổ chức tính năng và ranh giới mô-đun
• Các mẫu thiết kế phổ biến trong ứng dụng Next.js
• Kiến trúc ứng dụng đa thuê (Multi-tenant)
• Hướng dẫn chi tiết dự án tổng kết
• Tổng quan khóa học và phiên Hỏi & Đáp