Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Next.js React Ultimate Ecommerce Development

Phát triển Ecommerce chuyên sâu với Next.js và React

Phát triển Ecommerce chuyên sâu với Next.js và React

[Kèm PDF 175 trang] Khóa học FullStack với CRUD nâng cao, Lọc sản phẩm, Đánh giá, Yêu thích, Thanh toán, Hoàn thuế, Đơn hàng

4.5
(65 đánh giá)
761 học viên
Giảng viên
Ryan Dhungel
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.609.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
21.0 giờ video
174 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Xây dựng Ứng dụng Thương mại điện tử Hiện đại
Thành thạo Phát triển Web FullStack với React và NextJs
Triển khai Xác thực Người dùng bằng NextAuth
Tích hợp Cổng thanh toán Stripe
Tính toán Thuế, Vận chuyển & Mã giảm giá
Thanh toán bằng Thẻ tín dụng (Hỗ trợ Apple Pay / Google Pay)
Bảng điều khiển cho Người dùng và Quản trị viên
Quản lý Sản phẩm và Đơn hàng
Học cách sử dụng ChartJs, Material CSS
Hệ thống Đánh giá sao và Bình luận
Lọc nâng cao, Phân trang và hơn thế nữa

Yêu cầu

Kiến thức Cơ bản về Phát triển Web
Quen thuộc với JavaScript và React
Mong muốn Học hỏi

Đối tượng phù hợp

Nhà phát triển Web
Người đam mê React
Nhà phát triển Full Stack đầy khát vọng
Người đam mê Thương mại điện tử
Sinh viên và Chuyên gia
Doanh nhân và Chủ doanh nghiệp

Nội dung khóa học

34 phần • 174 bài giảng
1 Tải xuống Sách PDF
2 Tải xuống Mã nguồn
3 Tạo Dự án NextJs
4 Sử dụng Bootstrap Material CSS
5 Tạo Thanh điều hướng
1 NextJs API Routes
2 Chuỗi kết nối Mongo Atlas
3 Biến môi trường ENV
4 Kết nối với MongoDB
1 Tạo Mô hình Người dùng
2 API Route Đăng ký
3 Trang Đăng ký
4 Biểu mẫu Đăng ký
5 Yêu cầu API Đăng ký
1 Đăng nhập NextAuth
2 Cấu hình NextAuth
3 Session Provider
4 Thông tin Người dùng đã đăng nhập và Đăng xuất
1 Trang Đang tải và Trạng thái
2 Trang 404 Không tìm thấy
3 Bảo vệ Trang và Middleware
4 Chuyển hướng về Trang dự định
1 Đăng nhập bằng Google
2 Người dùng Đăng nhập Mạng xã hội trong Cơ sở dữ liệu
3 Vai trò Người dùng trong Session
1 Bố cục và Trang Quản trị viên
2 Bảo vệ Trang dựa trên Vai trò cho Quản trị viên
3 Triển khai lên Vercel
1 Lập kế hoạch Dự án Ecommerce
2 Tạo API Danh mục
3 API Liệt kê Danh mục
4 Cập nhật Danh mục
5 Xóa Danh mục
1 Context Danh mục
2 Hàm Tạo Danh mục
3 Hàm Liệt kê Danh mục
4 Hàm Cập nhật Danh mục
5 Hàm Xóa Danh mục
6 Provider Danh mục
1 Trang Danh mục Quản trị viên
2 Biểu mẫu Tạo Danh mục
3 Yêu cầu API Tạo Danh mục
4 Thông báo Lỗi Tạo Danh mục
5 Danh sách Danh mục, Cập nhật, Xóa và Xóa toàn bộ
1 Mô hình Thẻ
2 API Tạo và Liệt kê Thẻ
3 API Tạo và Xóa Thẻ
1 Context Thẻ
2 Hàm Tạo Thẻ
3 Hàm Liệt kê Thẻ
4 Hàm Cập nhật Thẻ
5 Hàm Xóa Thẻ
6 Provider Thẻ và Trang Thẻ Quản trị viên
1 Component Tạo Thẻ
2 Danh sách Thẻ, Cập nhật, Xóa và Xóa toàn bộ
1 Mô hình Sản phẩm với Schema Yêu thích và Đánh giá
2 API Tạo Sản phẩm
3 API Liệt kê Sản phẩm với Phân trang
4 API Lấy Sản phẩm Đơn lẻ
5 API Cập nhật và Xóa Sản phẩm
1 Yêu cầu API Tạo Sản phẩm
2 Yêu cầu API Lấy Sản phẩm
3 Yêu cầu API Cập nhật Sản phẩm
4 Yêu cầu API Xóa Sản phẩm
5 Product Context Provider
6 Trang Tạo Sản phẩm
7 Component Tạo Sản phẩm
8 Thêm Trường nhập liệu Sản phẩm
9 Chọn Danh mục khi Tạo và Cập nhật Sản phẩm
10 Thẻ cho từng Danh mục
11 Thẻ đã Chọn/Bỏ chọn
1 Tải lên Hình ảnh
2 Yêu cầu Tải lên Nhiều Hình ảnh từ Client
3 Xóa Hình ảnh
4 Cloudinary Name, API Key và Secret
5 API Tải lên và Xóa Hình ảnh
6 Tải lên Nhiều Hình ảnh khi Tạo Sản phẩm
1 Tạo một Sản phẩm
2 Trang Danh sách Sản phẩm cho Quản trị viên
3 Danh sách Sản phẩm cho Quản trị viên
4 Giá và Mô tả ngắn Sản phẩm
5 Cập nhật và Xóa Sản phẩm bởi Quản trị viên
1 Liên kết Phân trang
2 Lấy Sản phẩm từ Phía Máy chủ
3 Component Phân trang
4 Thẻ Sản phẩm với Next Image
5 Thêm Thông tin Sản phẩm trên Thẻ
6 Ngày và Tên Thương hiệu trên Chân thẻ
7 Khoảng trống Ngang trên Thẻ Sản phẩm
1 Trang Xem Sản phẩm Đơn lẻ
2 Chi tiết Sản phẩm Đơn lẻ
3 Hiển thị Hình ảnh Sản phẩm
4 Modal Xem trước
5 Hình ảnh trên Modal Xem trước
6 Đóng Modal khi nhấp Liên kết Trang
7 Mô tả Sản phẩm dễ đọc
1 Người dùng Hiện tại từ Session Máy chủ cho API Yêu thích
2 Sản phẩm Người dùng đã thích và API Bỏ yêu thích
3 Component Yêu thích và Bỏ yêu thích Sản phẩm
4 Yêu cầu API Yêu thích và Bỏ yêu thích
1 Component Modal tái sử dụng
2 Component Đánh giá Sao
3 Hàm Tính Điểm đánh giá Trung bình
4 Component Đánh giá Sản phẩm
5 Đã đánh giá và Điểm đánh giá Trung bình
6 Hiện/Ẩn Modal Đánh giá
7 Modal Để lại Đánh giá
8 Yêu cầu API Đánh giá Sản phẩm
9 API Nhận xét Sản phẩm
10 Thử nghiệm Nhận xét Sản phẩm
11 Đánh giá Sao trên Thẻ Sản phẩm
1 Tùy chọn Lọc Khoảng giá
2 Lớp Active Lọc Giá
3 Xóa Bộ lọc
4 Tùy chọn Lọc Đánh giá Sao
5 Danh sách Danh mục cho Tùy chọn Lọc
6 Danh sách Thẻ cho Tùy chọn Lọc
7 API Danh sách Thương hiệu từ Bộ sưu tập Sản phẩm
8 Danh sách Thương hiệu cho Tùy chọn Lọc
1 Yêu cầu API Sản phẩm đã Lọc
2 API Sản phẩm đã Lọc 1
3 API Sản phẩm đã Lọc 2
1 Trạng thái & Hàm Tìm kiếm trong Product Context
2 Biểu mẫu Tìm kiếm Sản phẩm
3 API Tìm kiếm Sản phẩm
4 Trang Kết quả Tìm kiếm Sản phẩm
5 Yêu cầu Tìm kiếm khi Tải lại Trang
1 Hiển thị Nhận xét & Bình luận của Người dùng
2 Thanh tiến trình Phân bố Đánh giá
3 Metadata Sản phẩm Tĩnh và Động
1 Tổng quan Tính năng Thêm vào Giỏ hàng
2 Cart Context
3 Hàm Cập nhật Giỏ hàng
4 Component Thêm vào Giỏ hàng
5 Component Thêm vào Giỏ hàng trong Thẻ Sản phẩm
6 Trang Giỏ hàng
1 Trang Giỏ hàng Nhiều bước
2 Tiêu đề Thanh toán 3 bước
3 Hiển thị Mục trong Giỏ hàng
4 Xem lại và Liên kết Thanh toán
5 Bước 2 Giỏ hàng: Chi tiết Liên hệ
6 Component Bước 3: Thanh toán
7 Yêu cầu Session Thanh toán Stripe
8 Tóm tắt Đơn hàng
1 Đăng ký Stripe
2 Mục hàng và Thuế suất
3 Tùy chọn Vận chuyển và Giảm giá
4 Thanh toán Thành công với Stripe
1 Stripe Webhook
2 Điểm cuối API Webhook của Stripe
3 Mô hình Đơn hàng
4 Tạo Đơn hàng bằng Webhook
1 Xử lý Phiếu giảm giá trong Giỏ hàng
2 Áp dụng Phiếu giảm giá
3 Kiểm tra tính hợp lệ của Phiếu giảm giá
4 Liên kết giới thiệu kèm Mã giảm giá
5 Giá ưu đãi trong URL Mã giảm giá
6 Thanh toán với Giá đã giảm
7 Giá bán khuyến mãi
1 API Đơn hàng của Người dùng
2 Trang Thành công cho Người dùng
3 Trang Đơn hàng của Người dùng
4 Hiển thị Đơn hàng trong Bảng với URL Biên lai
5 Hiển thị Thông tin Giao hàng của Đơn hàng
6 Hiển thị Thông tin Sản phẩm trong Đơn hàng
1 Yêu cầu Hủy Đơn hàng
2 API Hoàn tiền
3 Yêu cầu API Hủy Đơn hàng
4 Xóa các mục trong Giỏ hàng
1 Tất cả Đơn hàng cho Quản trị viên
2 Cập nhật Trạng thái Giao hàng của Đơn hàng
3 Trang Đơn hàng cho Quản trị viên
4 Cập nhật Trạng thái Đơn hàng bởi Quản trị viên
1 Các khóa học khác bạn có thể thích

Giới thiệu khóa học

[Includes a 175-page PDF that accompanies video lectures]

Learn to Build and Ultimate Ecommerce Application using latest cutting edge technologies:

  • React 18

  • Nextjs 13

  • React Context

  • Nextjs API Development

  • Next Auth

  • Full Login & Registration System

  • Social Login

  • Stripe Payment Gateway

  • Emailing Users

  • Bootstrap Material CSS

  • Chart.js

  • MongoDB

  • Dashboard for Users and Admin

  • Advance Product Searching & Filtering

  • Star Rating & Commenting System

  • Likes Feature

  • Pagination

  • Sale Price

  • Shipping

  • Coupons

  • Credit Card, Apple Pay, Google Pay

  • Referral Links / Promotional url

  • SEO

  • Tax calculation

  • Order Management

  • Deployment

  • Includes 175 Page PDF

  • Plus 100's of tips

Welcome to "Full-Stack Ecommerce App with Next.js, React.js, NextAuth and NextAPI" In this comprehensive course, you'll learn how to develop a modern and fully functional ecommerce application using an array of powerful and popular technologies in the web development ecosystem.

Throughout this course, we'll dive deep into Next.js, the leading React framework for building server-rendered applications, and React.js, the renowned JavaScript library for building user interfaces. You'll gain hands-on experience with both frameworks and leverage their powerful features to create dynamic and high-performance web applications.

We'll explore entire JavaScript eco-system to harness the power of building advance full stack application all the way from scratch to deploying to live servers.

Additionally, we'll cover Next.js API, a built-in API route feature that allows you to create serverless API endpoints effortlessly. You'll learn how to leverage this feature to handle backend logic, process data, and communicate with your ecommerce application.

NextAuth will also be a focal point of this course. You'll discover how to integrate NextAuth into your application to provide secure and user-friendly authentication and authorization functionality. With NextAuth, you'll be able to implement features like sign-up, sign-in, password reset, and more.

To enhance the visual appeal and maintain a responsive design, we'll incorporate Bootstrap Material CSS, a most popular, easy to use CSS framework. You'll grasp the foundations of Bootstrap CSS and leverage its extensive collection of utility classes to create a sleek and visually stunning ecommerce application.

By the end of this course, you'll have the skills and knowledge to confidently build a full-stack ecommerce application using Next.js, React.js, NextAuth, NextAPI, Bootstrap Material CSS and Stripe. Join me on this exciting journey and take your web development skills to the next level!

Enroll now and start building your own full-stack ecommerce application today, along with the core fundamentals of React and Next.js!

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Full Stack Development
Hiển thị tất cả khoá học Next Js
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊