Chia Sẻ Khóa Học Next.js Ecommerce - Xây Dựng Một Nền Tảng Shopping Từ Đầu [Khóa 6272 A]
Sử dụng Next 15, React 19, TypeScript, PostgreSQL và Prisma để xây dựng một website thương mại điện tử thực tế.
Những gì bạn sẽ học được:
- ✓ Xây dựng một website thương mại điện tử chuyên nghiệp từ con số 0.
- ✓ Các tùy chọn thanh toán PayPal, Stripe và Cash On Delivery.
- ✓ Tìm hiểu Next 15, React 19, PostgreSQL, Prisma, TypeScript & Zod.
- ✓ Full Authentication, admin area, review system, các project nổi bật, sorting, search filter, user profile, upload hình ảnh & nhiều hơn nữa.
- ✓ Continuous deployment với Vercel & Git.
- ✓ Shopping Cart, Sessions, JWT & Cookies.
- ✓ Tìm hiểu cách viết TypeSafe code với TypeScript, Zod cho validation và React Hook Form để quản lý form dễ dàng.
- ✓ Full Admin Dashboard với số liệu thống kê và biểu đồ bán hàng hàng tháng cũng như quản lý sản phẩm, đơn hàng và người dùng.
Nếu bạn muốn nâng cao kỹ năng React của mình lên một tầm cao mới và học cách sử dụng Next.js trong một dự án thực tế, thì đây là khóa học dành cho bạn. Chúng tôi sử dụng Next.js, TypeScript và nhiều công nghệ khác để tạo ra "Prostore". Một nền tảng mua sắm đầy đủ tính năng với các review, tích hợp PayPal và Stripe, email receipt và nhiều tính năng khác.
Khóa học này dành cho những người đã biết React. Biết cơ bản về Next.js thậm chí còn tốt hơn. Bạn sẽ học cách sử dụng nhiều công nghệ khác nhau cùng nhau để tạo ra một dự án hoàn chỉnh mà sau đó bạn có thể hiển thị trên portfolio của mình.
Sau đây là danh sách một số công nghệ và thư viện mà chúng tôi sẽ sử dụng:
- ✓ Next.js v15.
- ✓ React v19.
- ✓ TypeScript.
- ✓ ES Lint.
- ✓ PostgreSQL.
- ✓ Prisma.
- ✓ Zod.
- ✓ Next Auth.
- ✓ React Hook Form.
- ✓ PayPal & Stripe API.
- ✓ ShadCN UI.
- ✓ Tailwind CSS.
- ✓ Recharts.
- ✓ Uploadthing.
- ✓ Jest.
Mặc dù đây là khóa học dựa trên dự án, nhưng nó không chỉ đơn giản là "xem tôi code". Tôi sẽ giải thích chi tiết những gì tôi đang làm để bạn có thể hiểu thay vì chỉ sao chép. Sau đó, bạn có thể sử dụng kiến thức đó để tạo ra các dự án tuyệt vời của riêng mình.
Sau đây là phác thảo đầy đủ các phần của khóa học:
- ✓ 1. Giới thiệu - Tôi giải thích về khóa học và chúng ta sẽ xem xét project và stack.
- ✓ 2. Tạo ứng dụng và Layout cơ bản - Chúng tôi tạo ứng dụng, layout, thiết lập ShadCN UI và tìm hiểu cách sử dụng các UI component, tạo một theme toggler, loading & not found page, hiển thị một số dữ liệu mẫu.
- ✓ 3. Database, Prisma & Hiển thị sản phẩm - Chúng ta sẽ thiết lập Neon PostgreSQL database và Prisma ORM. Chúng ta học cách tạo các model và migration cũng như cách seed data và fetch products từ database.
- ✓ 4. Authentication với Next Auth - Chúng ta sẽ tạo full authentication với thư viện Next Auth.
- ✓ 5. Add To Cart - Tạo một hệ thống giỏ hàng có tích hợp database và session.
- ✓ 6. Trang Giỏ hàng & Giao hàng - Chúng ta bắt đầu quy trình thanh toán với trang tóm tắt giỏ hàng và form địa chỉ giao hàng.
- ✓ 7. Phương thức thanh toán và trang đặt hàng - Chúng ta sẽ tạo các page khác trong quy trình thanh toán.
- ✓ 8. Thanh toán PayPal - Tích hợp PayPal API. Chúng ta thậm chí còn thực hiện một unit testing nhỏ với JEST.
- ✓ 9. Lịch sử đơn hàng và User Profile - Tạo khu vực người dùng với danh sách đơn hàng và trang cập nhật hồ sơ.
- ✓ 10. Admin Dashboard - Chúng ta bắt đầu ở khu vực admin và trang tổng quan.
- ✓ 11. Admin Products & Image Upload - Chúng ta quản lý sản phẩm từ admin và triển khai upload hình ảnh với Uploadthing.
- ✓ 12. Admin Users & Search - Quản lý người dùng từ admin và thực hiện tìm kiếm sản phẩm, đơn hàng và người dùng trong admin.
- ✓ 13. Drawer, Carousel và Search - Chúng ta sẽ tạo một category drawer, băng chuyền sản phẩm nổi bật và sau đó làm việc trên các bộ lọc tìm kiếm sản phẩm chính.
- ✓ 14. Ratings & Reviews - Chúng ta sẽ tạo ra hệ thống xếp hạng và đánh giá.
- ✓ 15. Thanh toán Stripe - Sử dụng Srtipe API và một số package để ad stripe payment.
- ✓ 16. Biên lai mua hàng qua Email - Chúng ta sẽ sử dụng Resend service để gửi email qua ứng dụng.
- ✓ 17 - Các Homepage Components và kết thúc - Chúng ta sẽ thêm một vài homepage component nữa rồi kết thúc khóa học.
Khóa học này dành cho ai:
- ✓ Các React developer muốn tiến xa hơn nữa bằng cách tạo ra một nền tảng cấp độ chuyên nghiệp.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU