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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 25975
    حجم: 8537 مگابایت
    مدت زمان: 1244 دقیقه
    تاریخ انتشار: ۲۱ آذر ۱۴۰۲
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید