Ultimate Ecommerce Development with React & Next.js

سرفصل های دوره

[With 175 page PDF] FullStack Course with Advance CRUD Cart Filtering Rating Likes Payments Tax Refunds Orders & more.

1. Introduction

1.1 React Next Ecommerce.pdf

1. Download PDF Booklet.html

2.1 nextecom.zip

2. Download Source Code.html

3. Create NextJs Project

4. Using Bootstrap Material CSS

5. Create Navigation

2. NextJs API and MongoDB

1. NextJs API Routes

2. Mongo Atlas Connection String

3. ENV Variables

4. Connect to MongoDB

3. User Registration

1. Create User Model

2. Register API Route

3. Register Page

4. Register Form

5. Register API Request

4. NextAuth Sign In

1. NextAuth Sign In

2. NextAuth Configuration

3. Session Provider

4. Logged In User Info and Logout

5. Pages (Loading, 404, Protected and Redirects)

1. Loading Page and Status

2. 404 Page Not Found

3. Protecting Pages and Middleware

4. Redirect Back to Intended Page

6. Social Login and Session

1. Login With Google

2. Social Login User in Database

3. User Role in Session

7. Protected Pages & Deployment to Vercel

1. Admin Layout and Page

2. Role Based Page Protection for Admin

3. Deploy to Vercel

8. Ecommerce Categories CRUD API

1. Planning Ecommerce Project

2. Create Category API

3. List Categories API

4. Updating Category

5. Category Delete

9. Ecommerce Categories Context

1. Category Context

2. Category Create Function

3. List Categories Function

4. Update Category Function

5. Category Delete Function

6. Category Provider

10. Ecommerce Categories CRUD by Admin

1. Admin Category Page

2. Category Create Form

3. Category Create API Request

4. Category Create Error Message

5. Category List Update Clear and Delete

11. Ecommerce Tags API

1. Tag Model

2. Tag Create and List API

3. Tag Create and Delete API

12. Ecommerce Tags Context

1. Tag Context

2. Tag Create Function

3. Tag List Function

4. Tag Update Function

5. Tag Delete Function

6. Tag Provider and Admin Tag Page

13. Ecommerce Tags CRUD

1. Tag Create Component

2. Tag List Update Delete and Clear

14. Ecommerce Product CRUD API

1. Product Model with Likes and Ratings Schema

2. Product Create API

3. Products List with Pagination API

4. Get Single Product API

5. Product Update and Delete API

15. Creating Product with Categories & Tags

1. Create Product API Request

2. Fetch Products API Request

3. Update Product API Request

4. Delete Product API Request

5. Product Context Provider

6. Product Create Page

7. Product Create Component

8. Add Product Input Fields

9. Categories Select on Product Create and Update

10. Tags for Each Category

11. Checked Unchecked Tags

16. Multiple Image Uploads

1. Image Uploads

2. Multiple Images Upload Request from Client

3. Delete Image

4. Cloudinary Name, API Key and Secret

5. Image Upload and Delete API

6. Multiple Images Uploads on Product Create

17. Products CRUD

1. Creating a Product

2. Products List Page for Admin

3. Product List for Admin

4. Product Price and Short Description

5. Product Update and Delete by Admin

18. Display Products with Pagination

1. Pagination Links

2. Fetch Products Server Side

3. Pagination Component

4. Product Card with Next Image

5. More Product Info on Product Card

6. Date and Brand Name on Card Footer

7. Product Card Horizontal Space

19. Single Product View with Modal for Image Preview

1. Single Product View Page

2. Single Product Details

3. Product Images Display

4. Preview Modal

5. Image on Preview Modal

6. Close Modal on Page Link

7. Readable Product Description

20. Products Like & Unlike

1. Current User from Server Session for Like API

2. User Liked Products and Unlike API

3. Product Like and Unlike Component

4. Like and Unlike API Request

21. Star Ratings & Reviews for Product

1. Reusable Modal Component

2. Star Rating Component

3. Calculate Average Rating Function

4. Product Rating Component

5. Already Rated and Average Rating

6. Show Hide Rating Modal

7. Leave a Rating Modal

8. Product Rating API Request

9. Product Review API

10. Trying Product Review

11. Stars Rating in Product Cards

22. Filtering Products by Price, Categories, Tags & more

1. Filter Option Price Range

2. Price Filtering Active Class

3. Clear Filters

4. Star Ratings Filter Option

5. Categories List for Filter Option

6. Tags List for Filter Option

7. Brands List API from Product Collection

8. Brands List for Filter Option

23. Filtered Products API

1. Filtered Products API Request

2. Filtered Products API 1

3. Filtered Products API 2

24. Search Products

1. Search State & Functions in Product Context

2. Product Search Form

3. Product Search API

4. Product Search Results Page

5. Search Request on Page Reload

25. Ratings Distribution, Reviews Comments & Metadata

1. Display User Reviews & Comments

2. Rating Distribution Progress Bars

3. Product Metadata Static and Dynamic

26. Add to Cart

1. Add to Cart Feature Overview

2. Cart Context

3. Cart Update Functions

4. Add to Cart Components

5. Add to Cart Component in Product Card

6. Cart Page

27. Multi Step Checkout Process

1. Multi Step Cart Page

2. 3 Step Checkout Headings

3. Display Cart Items

4. Review and Checkout Link

5. Cart Step 2 Contact Details

6. Step 3 Payment Component

7. Stripe Checkout Session Request

8. Order Summary

28. Checkout with Stripe

1. Signup to Stripe

2. Line Items and Tax Rate

3. Shipping Options and Discounts

4. Successful Checkout with Stripe

29. Webhooks and Orders

1. Stripe Webhook

2. Stripe Webhook API Endpoint

3. Order Model

4. Create Order Using Webhook

30. Coupons Discount, Referral Links & Sale Price

1. Handle Coupon in Cart Context

2. Apply Coupon

3. Discount Coupon Validity Check

4. Referral Links with Coupon Code

5. Discount Price in Coupon Code URL

6. Checkout with Discount Price

7. Sale Price

31. User Dashboard, Orders & Receipt

1. User Orders API

2. User Success Page

3. User Orders Page

4. Order Display on Table with Receipt URL

5. Display Order Shipping Details

6. Display Order Products Info

32. Refunds & Cancellation

1. Cancel the Order Request

2. Refund API

3. Cancel Order API Request

4. Clear Cart Items

33. Admin Dashboard Order Management

1. All Orders for Admin

2. Update Order Delivery Status

3. Orders Page for Admin

4. Order Status Update by Admin

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy