آموزش بعدی آمازون: ساخت وب سایت تجارت الکترونیک مانند آمازون توسط Next.JS

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

معرفی Introduction

• نصب Tools در ویندوز Install Tools On Windows

• نصب Tools در ویندوز Install Tools On Windows

• Tools را در مک نصب کنید Install Tools On Mac

• کد VS را پیکربندی کنید و برنامه‌های افزودنی را نصب کنید Configure VS Code & Install Extensions

• کد VS را پیکربندی کنید و برنامه‌های افزودنی را نصب کنید Configure VS Code & Install Extensions

معرفی Introduction

• معرفی Introduction

• Tools را در مک نصب کنید Install Tools On Mac

برنامه NextJS NextJS App

• برنامه بعدی را ایجاد کنید Create Next App

• کد را در Github منتشر کنید Publish Code To Github

• کد را در Github منتشر کنید Publish Code To Github

• برنامه بعدی را ایجاد کنید Create Next App

• کامپوننت Layout را ایجاد کنید Create Layout Component

• کامپوننت Layout را ایجاد کنید Create Layout Component

برنامه NextJS NextJS App

محصولات تجارت الکترونیک ECommerce Products

• لیست محصولات List Products

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

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

• لیست محصولات List Products

محصولات تجارت الکترونیک ECommerce Products

سبد خرید Shopping Cart

• دسته افزودن به سبد خرید Handle Add To Cart

• ایجاد صفحه سبد خرید Create Cart Page

• به روز رسانی مقدار در سبد خرید Update Quanity In The Cart

• به روز رسانی مقدار در سبد خرید Update Quanity In The Cart

• ذخیره اقلام سبد خرید Save Cart Items

• ذخیره اقلام سبد خرید Save Cart Items

سبد خرید Shopping Cart

• دسته افزودن به سبد خرید Handle Add To Cart

• ایجاد صفحه سبد خرید Create Cart Page

احراز هویت کاربر User Authentication

• ایجاد فرم ورود Create Login Form

• ایجاد فرم ورود Create Login Form

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

• ایجاد API ورود Create Login API

• افزودن منوی کاربر Add User Menu

• افزودن منوی کاربر Add User Menu

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

احراز هویت کاربر User Authentication

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

• ایجاد API ورود Create Login API

جادوگر پرداخت Checkout Wizard

• ایجاد صفحه حمل و نقل Create Shipping Screen

• ایجاد صفحه حمل و نقل Create Shipping Screen

• ایجاد صفحه روش پرداخت Create Payment Method Screen

• ایجاد صفحه روش پرداخت Create Payment Method Screen

جادوگر پرداخت Checkout Wizard

بارگیری محصولات از MongoDB Load Products From MongoDB

• محصولات نمونه بذر Seed Sample Products

• بارگیری محصولات MongoDB Load Products MongoDB

بارگیری محصولات از MongoDB Load Products From MongoDB

• محصولات نمونه بذر Seed Sample Products

• بارگیری محصولات MongoDB Load Products MongoDB

ثبت سفارش Place Order

• ایجاد صفحه سفارش مکان Create Place Order Screen

• ایجاد صفحه سفارش Create Order Screen

• ایجاد صفحه سفارش Create Order Screen

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

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

• پرداخت سفارش از طریق پی پال Pay Order By PayPal

• ایجاد صفحه تاریخچه سفارش Create Order History Screen

• ایجاد صفحه تاریخچه سفارش Create Order History Screen

ثبت سفارش Place Order

• ایجاد صفحه سفارش مکان Create Place Order Screen

• پرداخت سفارش از طریق پی پال Pay Order By PayPal

استقرار وب سایت Deploy Website

• استقرار در Vercel Deploy On Vercel

• استقرار در Vercel Deploy On Vercel

استقرار وب سایت Deploy Website

مشخصات کاربر User Profile

• به روز رسانی پروفایل کاربری Update User Profile

• به روز رسانی پروفایل کاربری Update User Profile

مشخصات کاربر User Profile

داشبورد مدیریت Admin Dashboard

• ایجاد صفحه داشبورد Create Dashboard Screen

• ایجاد صفحه سفارشات ادمین Create Admin Orders Screen

• ایجاد صفحه سفارشات ادمین Create Admin Orders Screen

• تحویل سفارش Deliver Order

• محصولات مدیریت Admin Products

• ویرایش محصول Edit Product

• ویرایش محصول Edit Product

• آپلود تصویر محصول در Clodinary Upload Product Image On Cloudinary

• ایجاد حذف محصول Create Delete Product

• ایجاد حذف محصول Create Delete Product

• لیست کاربران و حذف کاربران List Users and Delete Users

داشبورد مدیریت Admin Dashboard

• ایجاد صفحه داشبورد Create Dashboard Screen

• تحویل سفارش Deliver Order

• محصولات مدیریت Admin Products

• آپلود تصویر محصول در Clodinary Upload Product Image On Cloudinary

• لیست کاربران و حذف کاربران List Users and Delete Users

جستجو و نوار کناری و نمایش اسلاید Search & Siderbar and Slidershow

• نمایش اسلاید چرخ فلک را اضافه کنید Add Carousel Slidershow

• پیاده سازی صفحه جستجو Implement Search Page

• پیاده سازی صفحه جستجو Implement Search Page

جستجو و نوار کناری و نمایش اسلاید Search & Siderbar and Slidershow

• نمایش اسلاید چرخ فلک را اضافه کنید Add Carousel Slidershow

قدیمی بعدی Amazona (@MUI) Old Next Amazona (@MUI )

• معرفی Introduction

• معرفی Introduction

• Tools را نصب کنید Install Tools

• Tools را نصب کنید Install Tools

• برنامه بعدی را ایجاد کنید Create Next App

• اضافه کردن سبک به برنامه Add Styles To App

• اضافه کردن سبک به برنامه Add Styles To App

• رفع مشکل Material-UI SSR Fix Material-UI SSR Issue

• لیست محصولات List Products

• پیوندهای سرصفحه را اضافه کنید Add Header Links

• صفحه محصول مسیر Route Product Page

• صفحه محصول مسیر Route Product Page

• ساخت صفحه محصول Build Product Page

• ساخت صفحه محصول Build Product Page

• موضوع رابط کاربری Material را اضافه کنید Add Material UI Theme

• موضوع رابط کاربری Material را اضافه کنید Add Material UI Theme

• React Context را ایجاد کنید Create React Context

• React Context را ایجاد کنید Create React Context

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

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

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

• واکشی محصولات از MongoDB Fetch Products From MongoDB

• افزودن محصول به سبد خرید Add Product To Cart

• ایجاد صفحه سبد خرید Create Cart Screen

• ایجاد صفحه سبد خرید Create Cart Screen

• از Dynamic Import استفاده کنید Use Dynamic Import

• از Dynamic Import استفاده کنید Use Dynamic Import

• به روز رسانی حذف موارد سبد خرید Update Remove Cart Items

• ایجاد صفحه ورود Create Login Page

• کاربران نمونه را در MongoDB ایجاد کنید Create Sample Users In MongoDB

• کاربران نمونه را در MongoDB ایجاد کنید Create Sample Users In MongoDB

• Build Login API Build Login API

• Build Login API Build Login API

• صفحه ورود کامل Complete Login Page

• ایجاد صفحه ثبت نام Create Register Page

• ایجاد صفحه ثبت نام Create Register Page

• تایید فرم ورود و ثبت نام Validate Login and Register Form

• دریافت آدرس حمل و نقل Get Shipping Address

• روش پرداخت را انتخاب کنید Select Payment Method

• صفحه سفارش مکان ایجاد کنید Create Place Order Page

• اجرای اقدام سفارش مکان Implement Place Order Action

• ایجاد صفحه سفارش Create Order Page

• ایجاد صفحه سفارش Create Order Page

• پرداخت سفارش توسط پی پال Pay Order by PayPal

• نمایش تاریخچه سفارشات Display Orders History

• به روز رسانی پروفایل کاربری Update User Profile

• داشبورد مدیریت ایجاد کنید Create Admin Dashboard

• داشبورد مدیریت ایجاد کنید Create Admin Dashboard

• لیست سفارشات برای مدیر List Orders For Admin

• تحویل سفارش برای ادمین Deliver Order For Admin

• لیست محصولات برای مدیر List Products For Admin

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

• به روز رسانی محصول Update Product

• آپلود تصویر محصول Upload Product Image

• آپلود تصویر محصول Upload Product Image

• ایجاد و حذف محصول Create and Delete Product

• لیست کاربران List Users

• ویرایش کاربران Edit Users

• ویرایش کاربران Edit Users

• استقرار در Vercel Deploy on Vercel

• استقرار در Vercel Deploy on Vercel

• رتبه بندی و بررسی محصولات Rate and Review Products

• نوار کناری ایجاد کنید Create Sidebar

• نوار کناری ایجاد کنید Create Sidebar

• کادر جستجو را اضافه کنید Add Search Box

• ایجاد صفحه جستجو Create Search Page

• ایجاد صفحه جستجو Create Search Page

• اضافه کردن چرخ فلک به صفحه اصلی Add Carousel To Home Page

• آدرس را در نقشه گوگل انتخاب کنید Choose Address On Google Map

• آدرس را در نقشه گوگل انتخاب کنید Choose Address On Google Map

• به @mui 5 ارتقا دهید Upgrade to @mui 5

• به @mui 5 ارتقا دهید Upgrade to @mui 5

قدیمی بعدی Amazona (@MUI) Old Next Amazona (@MUI )

• معرفی Introduction

• برنامه بعدی را ایجاد کنید Create Next App

• رفع مشکل Material-UI SSR Fix Material-UI SSR Issue

• لیست محصولات List Products

• پیوندهای سرصفحه را اضافه کنید Add Header Links

• واکشی محصولات از MongoDB Fetch Products From MongoDB

• افزودن محصول به سبد خرید Add Product To Cart

• به روز رسانی حذف موارد سبد خرید Update Remove Cart Items

• ایجاد صفحه ورود Create Login Page

• صفحه ورود کامل Complete Login Page

• تایید فرم ورود و ثبت نام Validate Login and Register Form

• دریافت آدرس حمل و نقل Get Shipping Address

• روش پرداخت را انتخاب کنید Select Payment Method

• صفحه سفارش مکان ایجاد کنید Create Place Order Page

• اجرای اقدام سفارش مکان Implement Place Order Action

• پرداخت سفارش توسط پی پال Pay Order by PayPal

• نمایش تاریخچه سفارشات Display Orders History

• به روز رسانی پروفایل کاربری Update User Profile

• لیست سفارشات برای مدیر List Orders For Admin

• تحویل سفارش برای ادمین Deliver Order For Admin

• لیست محصولات برای مدیر List Products For Admin

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

• به روز رسانی محصول Update Product

• ایجاد و حذف محصول Create and Delete Product

• لیست کاربران List Users

• رتبه بندی و بررسی محصولات Rate and Review Products

• کادر جستجو را اضافه کنید Add Search Box

• اضافه کردن چرخ فلک به صفحه اصلی Add Carousel To Home Page