Chia Sẻ Khóa Học Vibe Coding - Xây Dựng Full-Stack Inventory App Với Claude Code [Khóa 5238 A]
Xây dựng một Production Inventory & POS System sử dụng Next.js 16, TypeScript và Prisma ORM - Được hỗ trợ bởi Claude Code Vibe Coding.
Những điều bạn sẽ học:
- ✓ Làm chủ quy trình vibe coding hoàn chỉnh, design trước với Claude, sau đó build với Claude Code.
- ✓ Sử dụng Claude Code để generate, review và fix code cấp độ production từng bước một.
- ✓ Xây dựng một POS terminal full-screen với cart, hold/resume order và one-click checkout.
- ✓ Setup Next.js 16 App Router với layout, route group, server component và server action.
- ✓ Viết code TypeScript clean, có khả năng mở rộng trong một full-stack production codebase thực tế.
- ✓ Thiết kế và quản lý một MySQL database sử dụng Prisma ORM với các relation và migration.
- ✓ Xây dựng một role-based permission system để kiểm soát quyền truy cập trên mọi page và action.
- ✓ Tạo một multi-warehouse inventory system với chức năng chuyển kho và điều chỉnh hàng tồn.
- ✓ Triển khai full Sales & Purchase management bao gồm cả quy trình hoàn trả.
- ✓ Xây dựng một Reports module với các báo cáo về kho hàng, bán hàng, mua hàng và tồn kho, kèm theo chức năng xuất sang Excel.
- ✓ Quản lý sản phẩm với hình ảnh, danh mục, thương hiệu, đơn vị và in mã vạch.
- ✓ Xây dựng một design system tùy chỉnh từ đầu - không phụ thuộc vào thư viện UI nào.
- ✓ Xử lý authentication & authorization với session-based route protection.
- ✓ Add route-transition loading states bằng cách sử dụng Next.js loading.tsx convention.
- ✓ Quản lý các module Customers, Suppliers, Users, Expenses, Quotations & Settings.
- ✓ Structure & deploy một ứng dụng full-stack sẵn sàng cho production mà khách hàng và nhà tuyển dụng mong muốn.
Bạn vẫn đang xây dựng các ứng dụng theo cách chậm chạp và tốn nhiều công sức - tự viết từng dòng code, tra cứu mọi lỗi trên Google, dành hàng tuần cho một dự án đáng lẽ chỉ mất vài ngày?
Có một cách tốt hơn. Và khóa học này sẽ chỉ cho bạn chính xác cách làm điều đó.
Chào mừng bạn đến với khóa học vibe coding thực tế nhất này - nơi bạn sẽ xây dựng một hệ thống Full-Stack Inventory Management & Point-of-Sale hoàn chỉnh, sẵn sàng cho production, từ zero, sử dụng Claude Code, Next.js 16 App Router, TypeScript, Prisma ORM và MySQL. Mọi bước đều được hướng dẫn trực quan. Trong thời gian thực. Không có lối tắt. Không gây nhầm lẫn.
Điều gì làm cho khóa học này khác biệt?
Đây không phải là một khóa học "xem người khác code". Đây là một lớp học vibe coding thực tế, mang đậm phong cách làm việc chuyên nghiệp. Bạn sẽ học được quy trình làm việc chính xác mà các nhà phát triển hàng đầu sử dụng với AI:
- ✓ Bước 1 - Design nó: Sử dụng Claude để generate giao diện ứng dụng hoàn chỉnh trước khi viết bất kỳ dòng code nào.
- ✓ Bước 2 - Build nó: Sử dụng Claude Code để biến thiết kế đó thành một hệ thống hoàn chỉnh, có khả năng hoạt động ở cấp độ sản xuất.
- ✓ Bước 3 - Hiểu rõ nó: Hãy tìm hiểu LÝ DO tại sao mỗi quyết định được đưa ra để bạn có thể áp dụng quy trình này cho bất kỳ dự án nào.
Hầu hết những người thử vibe coding đều kết thúc với những dự án lỗi, lộn xộn mà họ không hiểu. Khóa học này sẽ dạy bạn cách làm đúng cách.
Những gì bạn sẽ xây dựng:
Một Inventory Management System đã được deploy hoàn toàn, sẵn sàng cho doanh nghiệp, với đầy đủ các tính năng mà một công ty thực sự cần:
- ✓ POS Terminal - Full-screen point-of-sale với chức năng tìm kiếm sản phẩm, quản lý giỏ hàng, giữ và tiếp tục đơn hàng, và thanh toán chỉ với một cú nhấp chuột.
- ✓ Dashboard - Tổng quan trực tiếp về doanh số, hàng tồn kho và hiệu suất kinh doanh.
- ✓ Product Management - Sản phẩm với hình ảnh, danh mục, thương hiệu, đơn vị và in mã vạch.
- ✓ Sales & Purchase Management - quy trình đặt hàng hoàn chỉnh bao gồm cả trả hàng.
- ✓ Multi-Warehouse Stock Control - Chuyển, điều chỉnh và theo dõi tồn kho theo thời gian thực.
- ✓ Role-Based Permission System - Mỗi người dùng chỉ thấy những gì họ được phép thấy.
- ✓ Module Reports - Báo cáo kho hàng, bán hàng, mua hàng và tồn kho với chức năng xuất sang Excel.
- ✓ Customer, Supplier & User Management.
- ✓ Theo dõi chi phí theo danh mục.
- ✓ Báo giá, Chuyển khoản và Điều chỉnh.
- ✓ Route-Transition Loading & Custom Design System được xây dựng từ đầu.
Những điều bạn sẽ học được:
- ✓ Hướng dẫn từng bước cách sử dụng Claude Code để xây dựng một ứng dụng full-stack hoàn chỉnh cho môi trường sản xuất.
- ✓ Cách thiết kế giao diện ứng dụng hoàn chỉnh với Claude AI trước khi phát triển.
- ✓ Next.js 16 App Router - layout, server component, server action, loading states.
- ✓ Các TypeScript best practice trong một production codebase thực tế.
- ✓ Prisma ORM với MySQL - Schema design, relation, migration, query.
- ✓ Role-based access control, auth guards & permission-driven UI.
- ✓ Cấu trúc dự án chuyên nghiệp, error handling & deployment-ready code.
Khóa học này dành cho ai?
- ✓ Developer muốn thành thạo vibe coding với Claude Code trên một project thực.
- ✓ Người mới bắt đầu muốn xây dựng một ứng dụng full-stack chất lượng, xứng đáng có mặt trong portfolio.
- ✓ Freelancer muốn hoàn thành các dự án cho khách hàng nhanh hơn bằng cách sử dụng AI.
- ✓ Bất kỳ ai từng thử AI coding trước đây và gặp phải lỗi code không thể fix đều nên thử.
Kết quả của bạn:
Sau khi hoàn thành khóa học này, bạn sẽ có một ứng dụng hoạt động đầy đủ chức năng và hoàn chỉnh để có thể giới thiệu cho bất kỳ khách hàng hoặc nhà tuyển dụng nào ngay hôm nay. Bạn sẽ hiểu toàn bộ quy trình vibe coding. Và bạn sẽ có sự tự tin và kỹ năng để xây dựng và bán phần mềm cấp độ sản xuất bằng AI.
Hãy đăng ký ngay - và cùng nhau xây dựng nên điều gì đó thực sự ý nghĩa.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Next JS Foundation (Chỉ dành cho Beginners).
- ✓ 03. Cấu hình và tối ưu hóa nâng cao Next.js.
- ✓ 04. Next.js Middleware & 404 Page.
- ✓ 05. Vibe Coding: Build Full-Stack Inventory Management System với Claude Code.
- ✓ 06. Welcome & Phương pháp Vibe-Coding.
- ✓ 07. Thiết kế hệ thống với Claude Design.
- ✓ 08. Project Foundation: Setup.
- ✓ 09. Project File Setup.
- ✓ 10. Setup Next.js Auth với Seed Admin User.
- ✓ 11. Tạo Admin Profile Page Setup.
- ✓ 12. Admin Change Password Setup.
- ✓ 13. Tạo Inventory Warehouse Page Setup.
- ✓ 14. Tạo Suppliers Page Setup.
- ✓ 15. Tạo Customers Page Setup.
- ✓ 16. Tạo Users Page Setup.
- ✓ 17. Setup Product Brand Page.
- ✓ 18. Setup Product Category Page.
- ✓ 19. Setup Inventory Product Page.
- ✓ 20. Setup Inventory Adjustments Page.
- ✓ 21. Setup Inventory Product Purchases.
- ✓ 22. Setup Inventory Purchases Return.
- ✓ 23. Setup Inventory Product Sales.
- ✓ 24. Setup Inventory Sales Return.
- ✓ 25. Setup Inventory Product Transfer.
- ✓ 26. Setup Expenses Module.
- ✓ 27. Inventory User Roles Permission Setup.
- ✓ 28. Update Admin Dashboard Page.
- ✓ 29. Inventory Complete Report Module.
- ✓ 30. Inventory POS Module Setup.
- ✓ 31. Hoàn tất Project với Loader.
- ✓ 32. Deploy lên Live Server.
Khóa học này dành cho:
- ✓ Developer muốn làm chủ vibe coding và học cách xây dựng các ứng dụng thực với Claude Code đúng cách - tránh lỗi và output lộn xộn.
- ✓ Người mới bắt đầu và junior developer muốn xây dựng một dự án hoàn chỉnh, đạt tiêu chuẩn sản phẩm, nổi bật trong mắt khách hàng và nhà tuyển dụng.
- ✓ Freelancer muốn hoàn thành các dự án full-stack nhanh hơn và tính phí cao hơn bằng cách sử dụng AI-powered development.
- ✓ Các chủ doanh nghiệp hoặc doanh nhân muốn hiểu cách phần mềm quản lý kho và POS hiện đại được xây dựng để có thể quản lý hoặc đặt hàng phát triển một cách tự tin.
- ✓ Bất cứ ai từng thử AI coding và cảm thấy bối rối hoặc bế tắc - khóa học này sẽ dạy workflow chuyên nghiệp, thực sự hiệu quả ở cấp độ sản xuất.