Next.Js Super

Chương 1: Hướng dẫn học và Group hỗ trợ học viên

• Bài 1: Cách học đúng
• Bài 2: Cách tham gia cộng đồng hỗ trợ

Chương 2: Next.Js cơ bản (public video)

• Bài 3: Next.js Playlist Youtube

Chương 3: React 19 và Next.js 15

• Bài 4: useTransition React 19 hỗ trợ async function nhưng mình vẫn không dùng | Actions React 19 là gì?
• Bài 5: useActionState và useFormStatus ở React 19 có gì hot | Mình nghĩ sao về 2 hook này?
• Bài 6: Không cần forwardRef nữa, không cần react-helmet nữa ở React 19? | Một số thay đổi đáng chú ý
• Bài 7: Hướng dẫn cài React 19 với Vite và test tính năng React Compiler
• Bài 8: NextJS 15 có gì mới

Chương 4: Phân tích dự án Quản lý quán ăn

• Bài 9: Phân tích chức năng dự án
• Bài 10: Phân tích thiết kế CSDL (Bảng Account)
• Bài 11: Phân tích bảng Guest và Table
• Bài 12: Phân tích bảng Dish và DishSnapshot
• Bài 13: Phân tích bảng Order

Chương 5: Hướng dẫn dùng template và server

• Bài 14: Hướng dẫn dùng template
• Bài 15: Hướng dần dùng server

Chương 6: Authentication

• Bài 16: Khởi tạo dự án Next.js và Setup Shadcn UI
• Bài 17: Tạo file config để validate env
• Bài 18: Setup Postman Collection
• Bài 19: Tạo http client để gọi API
• Bài 20: Tạo Login Route Handler
• Bài 21: Copy UI Login Template
• Bài 22: Setup Tanstack Query và code logic login
• Bài 23: Phân tích ưu nhược 2 cơ chế quản lý đăng nhập ở server và client
• Bài 24: Dùng middleware điều hướng request người dùng
• Bài 25: Copy UI Layout quản lý
• Bài 26: Code route handler logout
• Bài 27: Code logic logout

Chương 7: Profile cá nhân

• Bài 28: Get me profile
• Bài 29: Copy UI Setting template
• Bài 30: Hiển thị thông tin profile và preview avatar
• Bài 31: Cập nhật profile cá nhân
• Bài 32: Chức năng đổi mật khẩu

Chương 8: Xử lý refresh token

• Bài 33: Tự động logout khi access token hết hạn (trường hợp access token bị xóa khỏi cookie)
• Bài 34: Tự động logout khi gọi API bị lỗi 401 ở server component
• Bài 35: Phân tích cơ chế refresh token ở next.js
• Bài 36: Tạo refresh token route handler
• Bài 37: Xử lý trường hợp đang dùng thì access token hết hạn
• Bài 38: Xử lý trường hợp lâu ngày không vào web thì bị hết hạn access token
• Bài 39: Xử lý trường hợp đang dùng thì refresh token hết hạn
• Bài 40: Fix lỗi refresh token hết hạn nhưng không redirect về login & Giải thích về Router Cache Next.js
• Bài 41: Xử lý trường hợp lâu ngày vào web thì refresh token hết hạn
• Bài 42: Fix bug menu không thay đổi khi đăng nhập hoặc logout thành công

Chương 9: Quản lý tài khoản nhân viên

• Bài 43: Copy UI Account
• Bài 44: Fix bug useSearchParam khi build và bug avatar ở trang setting
• Bài 45: Khai báo API cho accounts
• Bài 46: Thêm account
• Bài 47: Hiển thị danh sách account
• Bài 48: Edit account
• Bài 49: Fix bug avatar không load lại khi edit account
• Bài 50: Xóa account

Chương 10: Quản lý món ăn

• Bài 51: Copy UI Template món ăn
• Bài 52: Khai báo API cho món ăn
• Bài 53: Thêm món ăn
• Bài 54: Hiển thị danh sách món ăn
• Bài 55: Sửa món ăn
• Bài 56: Xóa món ăn

Chương 11: Quản lý bàn ăn

• Bài 57: Copy UI table template
• Bài 58: Khai báo API cho quản lý bàn ăn
• Bài 59: Thêm bàn ăn
• Bài 60: Hiển thị danh sách bàn ăn và mã QR Code
• Bài 61: Thêm thông tin vào QR Code canvas
• Bài 62: Sửa bàn ăn
• Bài 63: Xóa bàn ăn

Chương 12: Trang chủ & Caching

• Bài 64: Fetch danh sách món ăn ở trang chủ
• Bài 65: Sữa lỗi build với useSearchParams và tránh cache khi build
• Bài 66: Xử lý caching với kĩ thuật ISR

Chương 13: Khách hàng gọi món & Websocket

• Bài 67: Copy UI Guest login
• Bài 68: Tìm hiểu API authentication cho khách
• Bài 69: Khai báo Route Handler cho auth guest
• Bài 70: Xử lý đăng nhập cho khách
• Bài 71: Xử lý phân quyền giữa khách và quản lý
• Bài 72: Cập nhật nav-items hiển thị dựa trên role
• Bài 73: Copy UI menu gọi món và tìm hiểu các API order
• Bài 74: Khai báo API Order và hiển thị menu cho khách gọi món
• Bài 75: Thay đổi số lượng order món
• Bài 76: Gọi món và code UI quản lý đơn hàng bên khách
• Bài 77: Tích hợp socket.io để lấy trạng thái order realtime
• Bài 78: Toast khi có cập nhật đơn hàng

Chương 14: Quản lý đơn hàng

• Bài 79: Copy UI Manage Orders
• Bài 80: Khai báo các API order và hiển thị data lên trên UI
• Bài 81: Cập nhật order bên admin
• Bài 82: Fix bug không refetch lại khi truy cập lại component và tính toán lại hóa đơn cho khách
• Bài 83: Thanh toán tất cả hóa đơn cho một khách
• Bài 84: Cập nhật thay đổi về logic server
• Bài 85: Khai báo API và Copy UI Tạo đơn hàng
• Bài 86: Code logic tạo đơn hàng
• Bài 87: Fix bug pagination trên dialog

Chương 15: Dashboard

• Bài 88: Giới thiệu API Indicators và Template Dashboard
• Bài 89: Code logic dashboard

Chương 16: Phân quyền nhân viên

• Bài 90: Sự khác nhau giữ Role Based Access và Permission Based Access Control
• Bài 91: Stateful vs Stateless authentication
• Bài 92: Làm chức năng cập nhật Role cho nhân viên
• Bài 93: Thay đổi role tự động refresh token bằng socket.io
• Bài 94: Chặn employee vào route accounts bằng middleware
• Bài 95: Fix bug không thể kết nối socket io khi chưa login
• Bài 96: Nhân viên logout ngay lập tức khi owner xóa tài khoản

Chương 17: Login với Google

• Bài 97: Đăng ký Google Cloud Console
• Bài 98: Tích hợp login với google cho next.js
• Bài 99: Fix bug không thể toast khi mới vào page

Chương 18: Zustand

• Bài 100: Giới thiệu Zustand
• Bài 101: Migrate từ Context API sang Zustand

Chương 19: Parallel Routes & Intercepting Routes

• Bài 102: Tạo trang chi tiết món ăn và wrapServerApi function
• Bài 103: Sơ lược về parallel route
• Bài 104: Hãy cẩn thận với việc khai báo folder khác trong 1 slot
• Bài 105: Intercepting Route
• Bài 106: Ứng dụng Parallel Route và Intercepting Route để tạo Modal
• Bài 107: Fix bug build guest layout bị lỗi do không dùng parallel route

Chương 20: Đa ngôn ngữ (i18n)

• Bài 108: Giới thiệu về i18n
• Bài 109: Tích hợp i18n không routing
• Bài 110: Thay đổi ngôn ngữ với i18n không routing
• Bài 111: Khuyết điểm của i18n không routing
• Bài 112: TypeScript gợi ý cho next-intl
• Bài 113: Setup i18n routing
• Bài 114: Thay đổi ngôn ngữ với i18n routing
• Bài 115: Navigate url với i18n routing
• Bài 116: Static rendering cho i18n routing
• Bài 117: Fix bug không chuyển ngôn ngữ được khi dùng usePathname, useRouter từ @/navigation

Chương 21: SEO

• Bài 118: SEO là gì và sự thật vỡ mộng về SEO

Chương 22: Optimize bundle

Chương 23: Deploy Render và Vercel

Chương 24: Phần quà khóa học

• Bài 119: Phần quà và lời cảm ơn