Dự Án Trang Bán Hàng Fullstack Với Next.js & NestJS
Học cách hệ thống vận hành toàn diện khi xây dựng một ứng dụng ecommerce fullstack thực tế với Next.js và NestJS. Bạn sẽ hiểu rõ cách frontend và backend giao tiếp với nhau, cách thiết kế và tối ưu database, xây dựng API chuẩn REST, xử lý authentication, quản lý state, tích hợp thanh toán, và triển khai (deploy) sản phẩm lên môi trường production.
Frontend: Next.js 16 + TailwindCSS + Shadcn/ui + TanStack Query. Áp dụng Server Components, Optimistic UI, Streaming, và Partial Prerendering với cache component.
Backend: NestJS + TypeORM + PostgreSQL (Supabase). Kiến trúc module hóa, DTO validation, Guards, Interceptors, Exception Filters, Pipes. 30+ API endpoints chuẩn REST với Swagger documentation đầy đủ.
Authentication: Thư viện Better Auth với đăng ký, xác thực email, quên mật khẩu, Google OAuth, guest checkout.
Thanh toán: Tích hợp PayOS - cổng thanh toán thật của Việt Nam. Tạo payment link, QR code, nhận webhook callback, verify checksum, cập nhật trạng thái đơn hàng. Flow hoàn chỉnh.
Admin dashboard & phân quyền: Hệ thống phân quyền role-based (Admin, User) với Guards và custom decorators trong NestJS. Dashboard quản lý sản phẩm đầy đủ: thêm, sửa, xoá, upload ảnh, quản lý biến thể và tồn kho. Trang analytics hiển thị doanh thu, đơn hàng, lượt truy cập.
Search Engine: Elasticsearch - search với fuzzy matching.
Caching: Redis cho server-side caching. Next.js cache component.
Mornitoring: Axiom cho logging thay thế console.log, query log theo thời gian thực. Sentry cho error tracking - biết user nào gặp lỗi gì, ở trang nào, stack trace đầy đủ. ELK Stack (Logstash + Kibana) thu thập log từ NestJS qua Docker.
Infrastructure: Supabase Storage cho file và image.
- Trọn gói tất cả khoá học trong gói Web Dev (NextJs, NestJs, Dự Án Ecommerce,...)
- Tiết kiệm 1.601.000 ₫ so với giá gốc
Xem trước khi quyết định
Khoá học này dành cho ai?
Đã biết cơ bản về Next.js và NestJS nhưng còn lúng túng khi phải tự mình xây dựng một hệ thống Ecommerce thực tế từ đầu đến cuối
Muốn sở hữu một dự án 'đỉnh' trong CV với những công nghệ chuẩn công nghiệp như Redis, ELK và Sentry để gây ấn tượng mạnh với nhà tuyển dụng
Muốn học cách viết code sạch, chuẩn SOLID ngay từ đầu để không phải loay hoay sửa lỗi hoặc 'đập đi xây lại' dự án sau này
Muốn làm quen với quy trình vận hành chuyên nghiệp: từ việc tracking lỗi với Sentry đến cách dùng AI (Claude Code) để viết Unit Test tự động
Đang tìm kiếm một lộ trình thực hành bài bản để hiểu rõ cách Frontend và Backend 'bắt tay' với nhau trong một sản phẩm Production hoàn chỉnh
Khoá học này không dành cho ai?
Bạn mới bắt đầu học lập trình (chưa biết gì về Javascript/Typescript) hoặc chỉ muốn học những kiến thức cơ bản nhất
Muốn xây dựng các website đơn giản, quy mô nhỏ và không có nhu cầu tìm hiểu về tối ưu hiệu năng hay quản trị hệ thống chuyên sâu
Nội dung khóa học
Học viên hiểu kiến trúc tổng thể, demo sản phẩm cuối, và cài đặt môi trường tối thiểu để bắt đầu code.
Học viên cấu hình các thiết lập đặc thù của dự án (CORS, Throttler, kết nối Redis).
Học viên thiết kế và tạo các entity TypeORM cốt lõi của hệ thống.
Học viên tạo Next.js project và cấu hình các provider, layout cho dự án.
Học viên hiểu kiến trúc better-auth, setup email service, và xây toàn bộ infrastructure cho cả backend và frontend trước khi build các luồng auth cụ thể.
Học viên build toàn bộ trang auth ở frontend, kết nối với better-auth đã setup.
Học viên triển khai hệ thống guest user dùng Redis (cho phép khách chưa đăng nhập vẫn có thể thêm sản phẩm vào giỏ hàng), và toàn bộ Guards/Decorators/Interceptors phục vụ phân quyền.
Học viên build CRUD danh mục đầu tiên, qua đó học cách document API với Swagger.
Học viên build toàn bộ backend cho sản phẩm bao gồm CRUD, tìm kiếm với PostgreSQL, gợi ý từ khóa, sản phẩm nổi bật, và một lớp cache với Redis cho các query tìm kiếm/filter/sort.
Học viên thiết kế và triển khai hệ thống biến thể sản phẩm (option, value, variant) ở backend.
Học viên tích hợp Supabase làm cloud storage và build flow upload ảnh ở backend.
Học viên viết seed script để có data mẫu chạy cho trang cataglog và trang sản phẩm.
Học viên build trang catalog đầy đủ tính năng search, filter, sort, infinite scroll. Kết nối frontend - backend.
Học viên build UI cho trang sản phẩm, kết nối frontend - backend.
Học viên thiết kế Order schema, build hệ thống giỏ hàng với pattern "cart-is-order-pending" cho cả user đã đăng nhập và guest, triển khai cả backend và frontend.
Học viên xây dựng hệ thống coupon, bao gồm logic kiểm tra (validation) và giao diện người dùng (FE) để áp dụng mã giảm giá trong giỏ hàng.
Học viên thiết kế schema thanh toán, tích hợp đầy đủ PayOS (bao gồm webhook và return URL), đồng thời xây dựng giao diện trang checkout ở phía frontend.
Học viên build module quản lý hồ sơ và nhiều địa chỉ giao hàng cả backend và frontend.
Học viên tạo endpoint đơn hàng, history page, tracking page, admin update flow, và email notifications cho order events.
Học viên cấu hình nestjs-i18n, tạo các bảng dữ liệu phục vụ dịch thuật (translation), và cập nhật (retrofit) các API Category/Product để hỗ trợ đa ngôn ngữ ở phía backend.
Học viên cấu hình next-intl, tạo các file messages, và cập nhật toàn bộ các trang của shop để hỗ trợ đa ngôn ngữ.
Học viên setup admin route group, build dashboard với metrics, và toàn bộ flow quản lý sản phẩm bao gồm form phức tạp với variants, attributes, và upload ảnh.
Học viên build các trang quản trị có độ phức tạp trung bình: tree view cho category, list/detail/update cho order, form với date picker cho coupon.
Học viên xây dựng các trang quản trị còn lại (User, Settings) và quan trọng hơn là sử dụng chính admin UI này để tạo dữ liệu thực cho dự án.
Học viên build hero section của trang landing với 3D model laptop tương tác.
Học viên build toàn bộ các section khác của landing với Framer Motion animations.
Học viên tích hợp Elasticsearch làm công cụ tìm kiếm song song với PostgreSQL, cập nhật phần frontend của catalog để sử dụng các endpoint từ ELK, đồng thời thiết lập Elasticsearch chạy cục bộ (local) trong module này.
Học viên tạo repo devops và setup pipeline đồng bộ dữ liệu PostgreSQL sang Elasticsearch tự động với Logstash + Kibana.
Học viên tích hợp Axiom làm centralized logging cho cả backend và frontend.
Học viên tích hợp Sentry cho cả backend và frontend, bao gồm theo dõi hiệu năng (performance monitoring) và ghi lại phiên người dùng (session replay).
Học viên cài đặt Claude Code, hiểu các thao tác cơ bản, và viết prompt hiệu quả.
Học viên sử dụng Claude Code để xây dựng tính năng đánh giá (review) hoàn chỉnh theo quy trình end-to-end.
Học viên sử dụng Claude Code để xây dựng tính năng “favorite”. Đây là một feature mới với entity Favorite chưa có trong schema, qua đó học viên có thể quan sát cách Claude tự đề xuất và thiết kế schema một cách hợp lý trong quá trình triển khai.
Học viên sử dụng Claude Code để xây dựng tính năng comment dạng threaded (phân cấp). Đây là một feature có quan hệ tự tham chiếu (self-reference) phức tạp hơn, nhằm kiểm tra khả năng Claude xử lý logic đệ quy và cấu trúc dữ liệu phân cấp.
Học viên sử dụng Claude Code để xây dựng tính năng thông báo (notifications) và tích hợp với các module hiện có như Order, Comment và Review. Đây là một tính năng yêu cầu tích hợp xuyên module (cross-module integration), nhằm đảm bảo hệ thống có thể phát sinh và xử lý thông báo từ nhiều nguồn khác nhau.
Học viên hiểu Docker đủ để build production image cho backend và frontend.
Học viên setup pipeline tự động deploy repos lên server. Setup VPS, domain, HTTPS ở module này.