Chia Sẻ Khóa Học Claude Code & Next.js 16 - Xây Dựng Một Multi-Vendor E-Commerce [Khóa 5043 A]
Vibe Code một Multi-Vendor E-Commerce Marketplace sẵn sàng cho Production với Claude Code, Next.js 16, Prisma & Stripe.
Những gì bạn sẽ học:
- ✓ Vibe code một multi-vendor marketplace hoàn chỉnh từ một folder trống đến một ứng dụng hoạt động thực tế.
- ✓ Làm chủ phương pháp Design → Spec → Build → Test → Secure → Deploy cho AI-assisted development.
- ✓ Xây dựng ba full dashboard - customer, seller và admin, với mỗi bên có role-based access.
- ✓ Chia tách một customer order thành các per-seller sub-order, cốt lõi của bất kỳ sàn thương mại điện tử thực tế nào.
- ✓ Nhận thanh toán thực tế với Stripe, bao gồm xác nhận thanh toán được bảo mật qua webhook.
- ✓ Model data phức tạp trong Prisma và MySQL: product, variation, order, review & coupon.
- ✓ Triển khai multi-role authentication với NextAuth v5 và bảo vệ mọi route theo vai trò (role).
- ✓ Build một product system với variant, inventory, image upload và admin approval flow.
- ✓ Tạo một live chat system để khách hàng và người bán nhắn tin trực tiếp cho nhau.
- ✓ Viết các CLAUDE md rule giúp AI build theo tiêu chuẩn của bạn thay vì phỏng đoán.
Hầu hết các khóa học AI coding đều cho bạn xem một demo hào nhoáng trong 20 phút. Sau đó, khi bạn cố gắng xây dựng một thứ gì đó thực tế, nó sụp đổ: phần đăng nhập mở toang, trang thanh toán bị mất đơn hàng, và bạn phải đối mặt với hàng ngàn dòng code mà bạn chẳng hiểu gì.
Khóa học này làm điều ngược lại. Chúng ta sẽ cùng nhau xây dựng Covet, một sàn thương mại điện tử đa nhà bán hàng (multi-vendor e-commerce marketplace) hoàn chỉnh, nhiều người bán độc lập, một storefront, một quy trình thanh toán sử dụng Claude Code và một phương pháp chuyên nghiệp, lặp lại được mà bạn sẽ nắm giữ suốt đời.
Điều gì tạo sự khác biệt?
Có một version của"vibe coding" tạo ra những món đồ chơi, và có một version tạo ra các sản phẩm thực thụ. Khóa học này dạy kiểu thứ hai.
Hãng bảo mật Veracode đã test hơn một trăm mô hình AI trên các tác vụ coding thực tế và phát hiện ra rằng 45% code do AI tạo ra đi kèm với lỗ hổng bảo mật được biết trước, và khi họ chạy lại với các mô hình mới hơn, mạnh mẽ hơn, con số đó vẫn không cải thiện. Tốc độ mà thiếu đi kỹ thuật phần mềm không phải là siêu năng lực, mà là một khoản nợ rủi ro.
Vì vậy, chúng ta không chỉ prompt. Chúng ta tuân theo một phương pháp cho mọi tính năng:
Design → Spec → Build → Test → Secure → Deploy !
Chúng ta design trước khi prompt, để AI biết chính xác cần làm gì. Chúng ta viết các specification thay vì dựa vào vibe. Chúng ta đóng vai trò architect trong suốt quá trình - review, testing và thấu hiểu mọi phần của mã nguồn mà chúng ta triển khai.
Những gì bạn sẽ thực sự xây dựng:
Đây không phải là một to-do app được gắn thêm nút thanh toán. Covet là một sàn thương mại điện tử thực thụ:
- ✓ Một storefront hoàn chỉnh - trang chủ với các live flash deal, duyệt danh mục qua cây danh mục 3 cấp, trang chi tiết sản phẩm với các image gallery và chọn biến thể, các seller storefront, search, filtering, và một persistent cart.
- ✓ Multi-role authentication - customer, seller và admin, mỗi bên có giao diện đăng ký, đăng nhập, dashboard và route protection riêng, được built với NextAuth v5 và bcrypt.
- ✓ Một full seller dashboard - product management với các variant và inventory, hoàn thành đơn hàng, tạo coupon, doanh thu, các báo cáo bán hàng và store profile setting.
- ✓ Một full admin dashboard - Các quy trình phê duyệt người bán, kiểm duyệt sản phẩm, quản lý danh mục và thương hiệu, giám sát đơn hàng toàn nền tảng, kiểm duyệt đánh giá, quản lý khách hàng và báo cáo hoa hồng.
- ✓ Một customer dashboard - lịch sử đơn hàng, theo dõi đơn hàng, danh sách yêu thích (wishlist), review, địa chỉ và quản lý profile.
- ✓ Checkout & Payment thực tế - Một quy trình thanh toán 3 bước chia một đơn hàng thành các sub-order theo từng nhà bán hàng, áp dụng mã giảm giá giới hạn theo nhà bán, và xử lý thanh toán qua Stripe với secure webhook confirmation.
- ✓ Một live chat system - khách hàng và người bán nhắn tin qua lại, hỗ trợ gửi hình ảnh và lưu lịch sử trò chuyện lâu dài.
- ✓ Một verified-review system - khách hàng chỉ có thể review sản phẩm họ đã thực sự mua, và admin sẽ kiểm duyệt trước khi hiển thị công khai.
Kỹ thuật bạn sẽ không tìm thấy ở nơi khác:
Đây là điểm làm nên giá trị thực sự của khóa học:
- ✓ Tìm hiểu lý do tại sao toàn bộ tiền tệ phải được lưu dưới dạng Decimal, tuyệt đối không dùng float, và điều gì xảy ra nếu bạn làm ngược lại.
- ✓ Thực thi multi-tenant data isolation để một người bán không bao giờ đọc được đơn hàng của người bán khác.
- ✓ Tính toán lại mọi giá tiền ở phía server để giỏ hàng bị can thiệp cũng không thể thay đổi số tiền khách hàng phải trả.
- ✓ Xác nhận thanh toán chỉ thông qua Stripe webhook đã ký, không bao giờ tin tưởng vào phản hồi từ trình duyệt của người dùng.
- ✓ Viết các idempotent webhook handler để không bị trừ kho trùng lặp khi hệ thống thử lại (retry).
- ✓ Giữ các tài liệu nhạy cảm bên ngoài public folder của bạn - và hiểu lý do tại sao điều đó lại quan trọng.
- ✓ Build một CLAUDE md rules file để AI kế thừa các tiêu chuẩn của bạn trong mọi tác vụ, ở mọi session.
Bước tiếp theo của bạn:
Đến cuối khóa học, bạn không chỉ có một project ấn tượng cho portfolio của mình. Bạn sẽ có một phương pháp - một cách làm việc với AI mà bạn có thể áp dụng cho bất kỳ ý tưởng, khách hàng hay startup nào, để xây dựng nên những sản phẩm thực sự vững chãi trong thế giới thực.
Đó là sự khác biệt. Không phải là những demo nhanh hơn. Mà là phần mềm thực thụ.
Đăng ký ngay và cùng nhau xây dựng nó nào!
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Build Vibe Code Multi-Vendor E-Commerce hoàn chỉnh.
- ✓ 03. Thiết lập AI Development Environment của bạn.
- ✓ 04. Product Planning - PRD & Feature Specification.
- ✓ 05. Thiết kế Storefront trong Claude Design.
- ✓ 06. Thiết kế các Frontend Page trong Claude Design.
- ✓ 07. Thiết kế các Frontend Product Details Page.
- ✓ 08. Thiết kế các Frontend Checkout Page.
- ✓ 09. Thiết kế các Frontend Vendor Page.
- ✓ 10. Thiết kế User Dashboard trong Claude Design.
- ✓ 11. Thiết kế Seller Dashboard trong Claude Design.
- ✓ 12. Thiết kế Admin Dashboard trong Claude Design.
- ✓ 13. Fresh Next.js 16 Project + Claude Code Project Setup.
- ✓ 14. Setup Next.js Auth với Authentication & Role-Based Access.
- ✓ 15. Setup Brands trong Admin Dashboard.
- ✓ 16. Update Admin Sidebar.
- ✓ 17. Admin Dashboard Category Page Setup.
- ✓ 18. Admin Vendor Approved Setup.
- ✓ 19. Update Vendor Profile Page Setup.
- ✓ 20. Vendor Change Password Setup.
- ✓ 21. Vendor Product Listing Setup.
- ✓ 22. Add Demo Data.
- ✓ 23. Vendor Product Coupon Setup.
- ✓ 24. Admin Product Approved System.
- ✓ 25. Ecommerce Frontend Home Page Setup.
- ✓ 26. Frontend Product Details Page Setup.
- ✓ 27. Frontend Vendor Page Setup.
- ✓ 28. Frontend Category Page Setup.
- ✓ 29. Product Checkout Page Setup.
- ✓ 30. User Profile Page Setup.
- ✓ 31. User Order Page setup.
- ✓ 32. User Wishlist Page Setup.
- ✓ 33. User Order Tracking System Setup.
- ✓ 34. Vendor Order Page Setup.
- ✓ 35. Vendor Report Management Setup.
- ✓ 36. Admin Order Page Setup.
- ✓ 37. Admin Customer Review Management Setup.
- ✓ 38. Admin Report Management Setup.
- ✓ 39. Live Chat system với User & Vendor.
- ✓ 40. Add Stripe Payment Method.
- ✓ 41. Deploy lên Live Server.
- ✓ 42. Hoàn thiện Project Source Code kèm Database.
Khóa học này dành cho:
- ✓ Developer đã có thể xây dựng các ứng dụng CRUD cơ bản nhưng chưa từng phát hành một sản phẩm phức tạp như sàn thương mại điện tử, và muốn có một dự án chứng minh năng lực của mình.
- ✓ Những ai đang sử dụng Claude Code hoặc Cursor nhưng nhận lại các demo ấn tượng rồi sụp đổ ngay khi người dùng thực tế chạm vào, và đang tìm kiếm một phương pháp lặp lại được thay vì dựa vào may mắn.
- ✓ Các developer tự học cần một portfolio project quy mô, đạt chuẩn production thay vì năm to-do app đơn thuần qua các bài hướng dẫn.
- ✓ Freelancer và agency developer muốn bàn giao các dự án thương mại điện tử và marketplace trong thời gian ngắn mà không tạo ra code dễ vỡ.
- ✓ Các founder và indie hacker muốn tự tay xây dựng và làm chủ sản phẩm marketplace của mình thay vì mua các template mà không thể mở rộng.
- ✓ Các developer đang đi làm nghi ngờ rằng AI đang thay đổi công việc của họ và muốn chuyển từ "gõ code" sang "điều hướng code".