آموزش Next.js React React Development Excommerce Ultimate - آخرین آپدیت

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

مقدمه Introduction

• دانلود کتابچه PDF Download PDF Booklet

• بارگیری کد منبع Download Source Code

• پروژه NextJS را ایجاد کنید Create NextJs Project

• با استفاده از مواد bootstrap css Using Bootstrap Material CSS

• ناوبری ایجاد کنید Create Navigation

NextJs API و MongoDB NextJs API and MongoDB

• مسیرهای API NEXTJS NextJs API Routes

• رشته اتصال Atlas Mongo Mongo Atlas Connection String

• متغیرهای env ENV Variables

• به MongoDB متصل شوید Connect to MongoDB

ثبت کاربر User Registration

• ایجاد مدل کاربر Create User Model

• ثبت مسیر API Register API Route

• صفحه ثبت نام Register Page

• فرم ثبت نام Register Form

• درخواست API را ثبت کنید Register API Request

ورود به سیستم Nextauth NextAuth Sign In

• ورود به سیستم Nextauth NextAuth Sign In

• پیکربندی NextAuth NextAuth Configuration

• ارائه دهنده جلسه Session Provider

• در اطلاعات کاربر و ورود به سیستم وارد شده است Logged In User Info and Logout

صفحات (بارگیری ، 404 ، محافظت شده و تغییر مسیر) Pages (Loading, 404, Protected and Redirects)

• صفحه و وضعیت بارگیری Loading Page and Status

• 404 صفحه یافت نشد 404 Page Not Found

• محافظت از صفحات و میان افزار Protecting Pages and Middleware

• دوباره به صفحه مورد نظر تغییر مکان دهید Redirect Back to Intended Page

ورود و جلسه اجتماعی Social Login and Session

• با Google وارد شوید Login With Google

• کاربر ورود اجتماعی در پایگاه داده Social Login User in Database

• نقش کاربر در جلسه User Role in Session

صفحات محافظت شده و استقرار به Vercel Protected Pages & Deployment to Vercel

• طرح و صفحه سرپرست Admin Layout and Page

• محافظت از صفحه مبتنی بر نقش برای مدیر Role Based Page Protection for Admin

• استقرار به Vercel Deploy to Vercel

دسته های تجارت الکترونیک CRUD API Ecommerce Categories CRUD API

• برنامه ریزی پروژه تجارت الکترونیک Planning Ecommerce Project

• API دسته بندی ایجاد کنید Create Category API

• لیست دسته های API List Categories API

• دسته بندی به روزرسانی Updating Category

• رده حذف Category Delete

زمینه های تجارت الکترونیک Ecommerce Categories Context

• زمینه طبقه بندی Category Context

• دسته بندی ایجاد تابع Category Create Function

• عملکرد دسته بندی ها List Categories Function

• عملکرد دسته بندی Update Category Function

• عملکرد حذف دسته Category Delete Function

• دسته بندی Category Provider

دسته های تجارت الکترونیک crud توسط مدیر Ecommerce Categories CRUD by Admin

• صفحه دسته بندی سرپرست Admin Category Page

• دسته ایجاد فرم Category Create Form

• دسته بندی درخواست API را ایجاد کنید Category Create API Request

• دسته بندی پیام خطا ایجاد کنید Category Create Error Message

• به روزرسانی لیست دسته بندی ها پاک و حذف می شود Category List Update Clear and Delete

برچسب های تجارت الکترونیک API Ecommerce Tags API

• مدل برچسب Tag Model

• برچسب ایجاد و لیست API Tag Create and List API

• برچسب ایجاد و حذف API Tag Create and Delete API

زمینه برچسب های تجارت الکترونیک Ecommerce Tags Context

• متن برچسب Tag Context

• برچسب ایجاد تابع Tag Create Function

• تابع لیست برچسب Tag List Function

• تابع به روزرسانی برچسب Tag Update Function

• عملکرد حذف برچسب Tag Delete Function

• ارائه دهنده برچسب و صفحه برچسب مدیر Tag Provider and Admin Tag Page

برچسب های تجارت الکترونیک CRUD Ecommerce Tags CRUD

• برچسب ایجاد مؤلفه Tag Create Component

• به روزرسانی لیست برچسب حذف و پاک کردن Tag List Update Delete and Clear

محصول تجارت الکترونیک CRUD API Ecommerce Product CRUD API

• مدل محصول با طرح های لایک و رتبه بندی Product Model with Likes and Ratings Schema

• محصول ایجاد API Product Create API

• لیست محصولات با API صفحه بندی Products List with Pagination API

• API تک محصول را دریافت کنید Get Single Product API

• به روزرسانی محصول و حذف API Product Update and Delete API

ایجاد محصول با دسته ها و برچسب ها Creating Product with Categories & Tags

• درخواست API محصول را ایجاد کنید Create Product API Request

• درخواست API محصولات Fetch Products API Request

• درخواست API محصول را به روز کنید Update Product API Request

• درخواست API محصول را حذف کنید Delete Product API Request

• ارائه دهنده زمینه محصول Product Context Provider

• صفحه ایجاد محصول Product Create Page

• محصول ایجاد مؤلفه Product Create Component

• زمینه های ورودی محصول را اضافه کنید Add Product Input Fields

• دسته بندی ها را در محصول ایجاد و به روز کنید Categories Select on Product Create and Update

• برچسب ها برای هر گروه Tags for Each Category

• برچسب های بررسی نشده را بررسی کرد Checked Unchecked Tags

بارگذاری چندین تصویر Multiple Image Uploads

• بارگذاری تصویر Image Uploads

• چندین تصویر درخواست بارگذاری از مشتری Multiple Images Upload Request from Client

• حذف تصویر Delete Image

• نام ابر ، کلید API و راز Cloudinary Name, API Key and Secret

• آپلود و حذف API Image Upload and Delete API

• چندین تصویر بارگذاری در محصول ایجاد می شود Multiple Images Uploads on Product Create

محصولات CRUD Products CRUD

• ایجاد یک محصول Creating a Product

• صفحه لیست محصولات برای مدیر Products List Page for Admin

• لیست محصول برای مدیر Product List for Admin

• قیمت محصول و توضیحات کوتاه Product Price and Short Description

• به روزرسانی محصول و حذف توسط Admin Product Update and Delete by Admin

نمایش محصولات با صفحه بندی Display Products with Pagination

• پیوندهای صفحه بندی Pagination Links

• واکشی سمت سرور محصولات Fetch Products Server Side

• اجزای صفحه بندی Pagination Component

• کارت محصول با تصویر بعدی Product Card with Next Image

• اطلاعات بیشتر در مورد کارت محصول More Product Info on Product Card

• تاریخ و نام تجاری در پاورقی کارت Date and Brand Name on Card Footer

• فضای افقی کارت محصول Product Card Horizontal Space

نمای محصول واحد با معین برای پیش نمایش تصویر Single Product View with Modal for Image Preview

• صفحه نمای محصول واحد Single Product View Page

• جزئیات محصول واحد Single Product Details

• تصاویر محصول نمایش داده می شود Product Images Display

• پیش نمایش معین Preview Modal

• تصویر در پیش نمایش معین Image on Preview Modal

• بستن معین در لینک صفحه Close Modal on Page Link

• توضیحات محصول قابل خواندن Readable Product Description

محصولاتی مانند و برخلاف Products Like & Unlike

• کاربر فعلی از جلسه سرور برای API مانند Current User from Server Session for Like API

• کاربر محصولات را دوست داشت و برخلاف API User Liked Products and Unlike API

• محصول مانند و برخلاف مؤلفه Product Like and Unlike Component

• مانند و برخلاف درخواست API Like and Unlike API Request

رتبه بندی ستاره ها و بررسی برای محصول Star Ratings & Reviews for Product

• مؤلفه معین قابل استفاده مجدد Reusable Modal Component

• مؤلفه رتبه بندی ستاره Star Rating Component

• عملکرد میانگین رتبه بندی را محاسبه کنید Calculate Average Rating Function

• مؤلفه رتبه بندی محصول Product Rating Component

• در حال حاضر رتبه بندی شده و میانگین امتیاز Already Rated and Average Rating

• نشان دادن رتبه بندی پنهان Show Hide Rating Modal

• یک مدال رتبه بندی بگذارید Leave a Rating Modal

• درخواست API رتبه بندی محصول Product Rating API Request

• API بررسی محصول Product Review API

• تلاش برای بررسی محصول Trying Product Review

• رتبه بندی ستاره ها در کارت های محصول Stars Rating in Product Cards

فیلتر کردن محصولات بر اساس قیمت ، دسته ها ، برچسب ها و موارد دیگر Filtering Products by Price, Categories, Tags & more

• محدوده قیمت گزینه فیلتر Filter Option Price Range

• کلاس فعال فیلتر قیمت Price Filtering Active Class

• فیلترهای پاک Clear Filters

• گزینه فیلتر رتبه بندی ستاره Star Ratings Filter Option

• لیست دسته بندی ها برای گزینه فیلتر Categories List for Filter Option

• لیست برچسب ها برای گزینه فیلتر Tags List for Filter Option

• مارک های لیست API از جمع آوری محصول Brands List API from Product Collection

• لیست مارک ها برای گزینه فیلتر Brands List for Filter Option

محصولات فیلتر شده API Filtered Products API

• محصولات فیلتر شده درخواست API Filtered Products API Request

• محصولات فیلتر شده API 1 Filtered Products API 1

• محصولات فیلتر شده API 2 Filtered Products API 2

محصولات جستجو کنید Search Products

• وضعیت و عملکردهای موجود در زمینه محصول Search State & Functions in Product Context

• فرم جستجوی محصول Product Search Form

• API جستجوی محصول Product Search API

• صفحه نتایج جستجوی محصول Product Search Results Page

• درخواست جستجو در بارگیری مجدد صفحه Search Request on Page Reload

توزیع رتبه بندی ، بررسی نظرات و ابرداده Ratings Distribution, Reviews Comments & Metadata

• نمایش بررسی ها و نظرات کاربر Display User Reviews & Comments

• میله های پیشرفت توزیع رتبه بندی Rating Distribution Progress Bars

• محصول ابرداده استاتیک و پویا Product Metadata Static and Dynamic

به سبد خرید اضافه کنید Add to Cart

• نمای کلی ویژگی های سبد خرید را اضافه کنید Add to Cart Feature Overview

• متن چرخشی Cart Context

• توابع به روزرسانی سبد خرید Cart Update Functions

• به اجزای سبد خرید اضافه کنید Add to Cart Components

• در کارت محصول به Cart Component اضافه کنید Add to Cart Component in Product Card

• صفحه سبد Cart Page

فرآیند پرداخت چند مرحله ای Multi Step Checkout Process

• صفحه سبد خرید چند مرحله ای Multi Step Cart Page

• 3 سرپرست پرداخت 3 Step Checkout Headings

• نمایش موارد سبد خرید Display Cart Items

• لینک بررسی و پرداخت Review and Checkout Link

• گودال مرحله 2 جزئیات تماس Cart Step 2 Contact Details

• مرحله 3 مؤلفه پرداخت Step 3 Payment Component

• درخواست جلسه چک راه راه Stripe Checkout Session Request

• خلاصه سفارش Order Summary

پرداخت با نوار Checkout with Stripe

• ثبت نام به نوار Signup to Stripe

• موارد خط و نرخ مالیات Line Items and Tax Rate

• گزینه های حمل و نقل و تخفیف Shipping Options and Discounts

• پرداخت موفقیت آمیز با نوار Successful Checkout with Stripe

Webhooks و سفارشات Webhooks and Orders

• نوار وب راه راه Stripe Webhook

• نقطه پایانی API Webhook Stripe Stripe Webhook API Endpoint

• مدل سفارش Order Model

• با استفاده از Webhook سفارش ایجاد کنید Create Order Using Webhook

کوپن تخفیف ، پیوندهای ارجاع و قیمت فروش Coupons Discount, Referral Links & Sale Price

• رسیدگی به کوپن در زمینه سبد Handle Coupon in Cart Context

• کوپن را اعمال کنید Apply Coupon

• بررسی اعتبار کوپن تخفیف Discount Coupon Validity Check

• پیوندهای ارجاع با کد کوپن Referral Links with Coupon Code

• قیمت تخفیف در URL کد کوپن Discount Price in Coupon Code URL

• پرداخت با قیمت تخفیف Checkout with Discount Price

• قیمت فروش Sale Price

داشبورد کاربر ، سفارشات و رسید User Dashboard, Orders & Receipt

• سفارشات کاربر API User Orders API

• صفحه موفقیت کاربر User Success Page

• صفحه سفارشات کاربر User Orders Page

• نمایشگر را روی میز با URL رسید سفارش دهید Order Display on Table with Receipt URL

• نمایش جزئیات حمل و نقل سفارش Display Order Shipping Details

• نمایش اطلاعات محصولات سفارش Display Order Products Info

بازپرداخت و لغو Refunds & Cancellation

• درخواست سفارش را لغو کنید Cancel the Order Request

• بازپرداخت API Refund API

• درخواست API سفارش را لغو کنید Cancel Order API Request

• موارد چرخ دستی را پاک کنید Clear Cart Items

مدیریت سفارش داشبورد مدیر Admin Dashboard Order Management

• تمام سفارشات مدیر All Orders for Admin

• وضعیت تحویل سفارش را به روز کنید Update Order Delivery Status

• صفحه سفارشات برای مدیر Orders Page for Admin

• به روزرسانی وضعیت وضعیت توسط مدیر Order Status Update by Admin

امتیاز Bonus

• دوره های دیگری که ممکن است دوست داشته باشید Other Courses You May Like