آموزش ساخت و استقرار وبسایت فروشگاهی چندگانه با React Next.js 2025 - آخرین آپدیت

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

معرفی دوره: شروع سفر تجارت الکترونیک چندفروشندگی شما Course Introduction: Kickstart Your Multivendor E-commerce Journey

• مقدمه Introduction

راه اندازی محیط توسعه Setting Up Your Development Environment

• راه اندازی محیط توسعه در ویندوز: Node, Bun, MySQL, VS Code, Git... Setting Up Development Environment on Windows: Node, Bun, MySQL, VS Code, Git...

• پیکربندی محیط کدنویسی (لینوکس) - node, bun, mysql server ,vs code, git Configure coding environment (linux) - node, bun, mysql server ,vs code, git

• پیکربندی محیط کدنویسی (مک) - node, bun, mysql server ,vs code, git Configure coding environment (mac) - node, bun, mysql server ,vs code, git

راه اندازی برنامه Next.js: رابط کاربری، GitHub و پیکربندی تم Next.js App Setup: UI, GitHub, and Theme Configuration

• ایجاد برنامه Next.js و اتصال آن به یک مخزن GitHub Creating Our Next.js Application and Connecting it to a GitHub Repository

• اطمینان از یک تجربه یادگیری روان: از این نسخه‌ها استفاده کنید Ensuring a Smooth Learning Experience: Use These Versions

• بهینه سازی فراداده و انتخاب فونت های مناسب برای برنامه وب ما Optimizing Metadata and Selecting the Perfect Fonts for Our Web App

• راهنمای گام به گام برای نصب Shadcn UI Step-by-Step Guide to Installing Shadcn UI

• پیاده سازی ارائه دهنده تم برای حالت روشن/تاریک Implementing a Theme Provider for Light/Dark Mode

پیاده سازی احراز هویت با Clerk، Prisma و ادغام Webhook Implementing Authentication with Clerk, Prisma, and Webhook Integration

• پیاده سازی احراز هویت اولیه با Clerk Implementing Basic Authentication with Clerk

• راه اندازی Prisma و ایجاد مدل کاربر Setting Up Prisma and Creating a User Model

• همگام سازی داده ها بین Clerk و پایگاه داده شما با استفاده از Webhooks Synchronizing Data Between Clerk and Your Database Using Webhooks

داشبورد - راه اندازی، طرح بندی داشبورد ادمین Dashboard - Setup, Admin Dashboard Layout

• ساختاردهی داشبورد و پیاده سازی مجوز Structuring the Dashboard and Implementing Authorization

• ایجاد یک هدر داشبورد ادمین کارآمد Creating an Efficient Admin Dashboard Header

• راه اندازی نوار کناری داشبورد ادمین Setting Up the Admin Dashboard Sidebar

• پیکربندی ناوبری ادمین برای نوار کناری داشبورد Configuring Admin Navigation for the Dashboard Sidebar

• تکمیل ناوبری ادمین برای نوار کناری داشبورد Finishing Admin Navigation for the Dashboard Sidebar

داشبورد ادمین - دسته بندی ها، زیردسته بندی ها Admin Dashboard - Categories, SubCategories

• دسته بندی ها: راه اندازی صفحات و طرحواره Categories : Pages Setup and Schema

• ایجاد یک فرم معتبر حرفه ای با استفاده از React-Hook-Form، Zod و Shadcn UI Creating a Professional Validated Form Using React-Hook-Form, Zod, and Shadcn UI

• بارگذاری تصاویر در ابر Uploading Images to the Cloud

• پیاده سازی کوئری Upsert برای دسته بندی ها Implementing Upsert Query for Categories

• راه اندازی یک جدول داده قابل استفاده مجدد برای دسته بندی ها، ارائه دهنده Modal و غیره... Setting Up a Re-usable Data Table for Categories, Modal Provider etc...

• پیاده سازی جدول داده دسته بندی ها با اقدامات سلولی (به روز رسانی، حذف...) Implementing Categories Data Table with Cell Actions (Update, Delete...)

• مدیریت زیردسته بندی ها: ایجاد فرم و ادغام کوئری SubCategories Management: Form Creation and Query Integration

• پیاده سازی جدول داده زیردسته بندی ها با اقدامات سلولی (به روز رسانی، حذف...) Implementing SubCategories Data Table with Cell Actions (Update, Delete...)

• پیاده سازی دکمه ایجاد در زبانه جدید Implementing the create in new tab button

داشبورد فروشنده: راه اندازی، جزئیات فروشگاه و مدیریت محصول Seller Dashboard: Setup, Store Details, and Product Management

• پیاده سازی یک طرحواره فروشگاه قوی Implementing a Robust Store Schema

• پیاده سازی مجوز و منطق تغییر مسیر Implementing Authorization and Redirection Logic

• ساختاردهی طرح بندی: هدر، نوار کناری و فراتر از آن Structuring the Layout: Header, Sidebar, and Beyond

• ساخت فرم جزئیات فروشگاه: قسمت 1 Building the Store Details Form: Part 1

• ساخت فرم جزئیات فروشگاه: قسمت 2 Building the Store Details Form: Part 2

• ایجاد کوئری Upsert برای داده های فروشگاه Creating Upsert Query for Store Data

• راه اندازی صفحه تنظیمات فروشگاه Setting Up the Store Settings Page

• پیاده سازی یک سوئیچر فروشگاه برای مدیریت چند فروشگاه Implementing a Store Switcher for Multi-Store Management

• درک طرحواره محصول و پیاده سازی مدل Understanding the Product Schema and Model Implementation

• تعریف مدل های ProductVariant، Size، Color و Image Defining the ProductVariant, Size, Color, and Image Models

• ایجاد فرم محصول: قسمت 1 Creating the Product Form: Part 1

• ایجاد فرم محصول: قسمت 2 Creating the Product Form: Part 2

• کامپوننت پیش نمایش تصاویر و رفع مشکلات بارگذاری Images preview component & fixing uploading issues

• استایل دهی به کامپوننت پیش نمایش تصاویر Styling the Images Preview Component

• افزودن لایه اقدامات به پیش نمایش تصاویر: پیاده سازی دکمه حذف Adding Actions Layer to Images Preview: Implementing Delete Button

• پیاده سازی یک استخراج کننده رنگ تصاویر Implementing an Image Colors Extractor

• ساخت پالت رنگ برای نمایش رنگ های تصویر و ادغام با فرم محصول Building a Color Palettes to Display Image Colors &Integrate with Product form

• پیاده سازی یک کامپوننت کلیک برای افزودن ورودی ها و استفاده از آن با رنگ ها Implementing a Click-to-Add Inputs Component And Using it with Colors

• پیاده سازی یک کامپوننت کلیک برای افزودن ورودی ها و استفاده از آن با رنگ ها قسمت 2 Implementing a Click-to-Add Inputs Component And Using it with Colors Part 2

• پیاده سازی کلیک برای افزودن ورودی ها برای اندازه ها و اعتبارسنجی رنگ ها و اندازه ها Implementing Click-to-Add Inputs for Sizes and Validating Colors and Sizes

• فیلدهای نام، توضیحات، دسته بندی و زیردسته بندی Name, Description, Category, and Subcategory Fields

• فیلدهای برند، SKU و وضعیت فروش Brand, SKU, and Sale Status Fields

• ادغام کلمات کلیدی در فرم محصول شما Integrating Keywords into Your Product Form

• پیاده سازی یک انتخاب کننده رنگ برای سفارشی سازی محصول Implementing a Color Picker for Product Customization

• توسعه تابع پایه برای Upsert کردن محصولات در فرم محصول Developing the Base Function for Upserting Products in the Product Form

• تولید Slugهای منحصر به فرد برای Upsert کردن محصولات در فرم محصول Generating Unique Slugs for Upserting Products in the Product Form

• پیاده سازی تابع کامل برای Upsert کردن محصولات در پایگاه داده Implementing the Full Function to Upsert Products to the Database

• نهایی کردن تابع submit upsertProduct در کامپوننت جزئیات محصول Finalizing the upsertProduct Submit Function in the Product Details Component

• افزودن یک Variant جدید با استفاده از فرم محصول Adding a New Variant Using the Product Form

• ایجاد یک جدول محصولات و بازیابی محصولات فروشگاه Creating a Products Table and Retrieve Store Products

• تعریف ستون ها برای جدول محصولات Defining Columns for the Products Table

• نمایش اطلاعات اضافی در جدول محصولات Displaying Additional Information in the Products Table

• پیاده سازی حذف محصول در جدول محصولات Implementing Product Deletion in the Products Table

• افزودن لینک دکمه صفحه ایجاد محصول جدید و دکمه مدل Adding the create new product page btn link and the model button

• یاد بگیرید چگونه مهاجرت کنید و ویژگی های جدیدی را بدون تنظیم مجدد پایگاه داده به مدل اضافه کنید Learn how to migrate and add new properties to model without resetting database

• ادغام قابلیت تصویر Variant در فرم محصول Integrating Variant Image Functionality into Product Form

• ادغام قابلیت انتخابگر تاریخ در فرم محصول با ویژگی در فروش است Integrating Date Picker Functionality in Product Form With Is On Sale Feature

• افزودن یک ویرایشگر متن غنی برای توضیحات محصول Adding a Rich Text Editor for Product Descriptions

• ادغام و ساختاردهی داده های مشخصات محصول: قسمت 1 Integrating and Structuring Product Specifications Data : Part 1

• ادغام و ساختاردهی داده های مشخصات محصول: قسمت 2 Integrating and Structuring Product Specifications Data : Part 2

• ادغام و ساختاردهی پرسش های محصول Integrating and Structuring Product Questions

داشبورد ادمین - تگ های تخفیف Admin Dashboard - Offer tags

• ایجاد مدل تگ تخفیف + افزودن لینک نوار کناری به داشبورد Create the offer tag model + add sidebar link to dashboard

• ایجاد کوئری upsertOfferTag برای upsert کردن تگ تخفیف Create the upsertOfferTag query to upsert offertag

• ایجاد جدول داده تگ تخفیف با تمام اقدامات سلولی (به روز رسانی و حذف) Create offer tag data table with all cell actions (update & delete)

داشبورد فروشنده: نرخ های حمل و نقل فروشگاه و نرخ های تحویل به ازای هر کشور Seller Dashboard : Store Shipping rates and Delievery rates per country

• توضیح استراتژی ها و محاسبات نرخ های حمل و نقل Explaining the shipping rates strategies and calculations

• راه اندازی نرخ های حمل و نقل پیش فرض برای فروشگاه خود Setting Up Default Shipping Rates for Your Store

• واکشی جزئیات حمل و نقل پیش فرض فروشگاه Fetching Store Default Shipping Details

• ایجاد فرم حمل و نقل پیش فرض فروشگاه Creating the Store Default Shipping Form

• فرم حمل و نقل پیش فرض فروشگاه و کوئری ذخیره تغییرات Store Default Shipping Form and Save Changes Query

• افزودن تمام کشورها به پایگاه داده Adding All Countries to Database

• مدل نرخ حمل و نقل و کوئری getStoreShippingRates Shipping Rate Model & getStoreShippingRates Query

• جدول داده نرخ های حمل و نقل کشورها Countries Shipping Rates Data Table

• به روز رسانی فرم نرخ های حمل و نقل کشور Update Country Shipping Rates Form

• به روز رسانی کوئری نرخ های حمل و نقل کشور Update Country Shipping Rates Query

طراحی صفحه اصلی: هدر، فوتر و کارت های محصول Designing the Home Page: Header, Footer, and Product Cards

• ساخت هدر اصلی برای طرح بندی صفحه اصلی Building the Main Header for the Home Layout

• ایجاد منوی کاربر برای ناوبری Creating the User Menu for Navigation

• تکمیل ایجاد منوی کاربر برای ناوبری Finishing Creating the User Menu for Navigation

• ایجاد یک کامپوننت سبد خرید ساده با شمارش کل و ناوبری Creating a Simple Cart Component with Total Count and Navigation

• دانلود آیکون های برنامه (آیفون و اندروید) Download App Icons (iPhone & Android)

• راه اندازی ورودی جستجو Search Input Setup

• تشخیص کشور کاربر (1) Detect User Country (1)

• تشخیص کشور کاربر (2) Detect User Country (2)

• پیاده سازی انتخاب کننده کشور Implementing Country Selector

• پیاده سازی انتخاب کننده کشور با قابلیت On-Change Implementing Country Selector with On-Change Functionality

• پیاده سازی هدر دسته بندی ها: ساختار پایه و کوئری ها Implementing Categories Header: Base Structure and Queries

• پیاده سازی هدر دسته بندی ها: منوی دسته بندی ها Implementing Categories Header: Categories Menu

• پیاده سازی هدر دسته بندی ها: لینک های تگ های تخفیف Implementing Categories Header: Offer Tags Links

• پیاده سازی فوتر: ثبت نام خبرنامه Implementing Footer: Newsletter Signup

• پیاده سازی فوتر: لینک ها و حقوق Implementing Footer: Links and Rights

• پیاده سازی فوتر: نمایش زیردسته بندی های تصادفی Implementing Footer: Displaying Random Subcategories

• پیاده سازی کوئری getFilteredProducts (پایه) Implementing getFilteredProducts Query (Base)

• پیاده سازی کامپوننت لیست محصولات Implementing Product List Component

• پیاده سازی به روز رسانی فیلتر محصول Implementing Product Filter Update

• ایجاد و استایل دهی کارت محصول Creating and Styling Product Card

• پیاده سازی Swiper تصویر کارت محصول Implementing Product Card Image Swiper

• پیاده سازی سوئیچر Variant کارت محصول و دکمه های اقدام Implementing Product Card Variant Switcher and Action Buttons

ایجاد و ساختاردهی صفحه محصول Creating and Structuring the Product Page

• راه اندازی طرح بندی صفحه محصول Setting Up the Product Page Layout

• پیاده سازی کوئری getProductPageData Implementing the getProductPageData Query

• پیاده سازی handleSizeQuery Implementing the handleSizeQuery

• ساختاردهی طرح بندی صفحه محصول Structuring the Product Page Layout

• پیاده سازی Swiper تصویر محصول Implementing Product Image Swiper

• نمایش اطلاعات محصول: عنوان، SKU، رتبه بندی و نظرات Displaying Product Info: Title, SKU, Rating, and Reviews

• نمایش قیمت محصول: قسمت 1 Displaying Product Price : Part 1

• نمایش قیمت محصول: قسمت 2 Displaying Product Price : Part 2

• پیاده سازی شمارش معکوس فروش محصول Implementing Product Sale Countdown

• پیاده سازی چرخ رنگ محصول Implementing Product Color Wheel

• پیاده سازی سوئیچر Variant محصول Implementing Product Variant Switcher

• پیاده سازی انتخاب کننده اندازه برای Variants محصول Implementing Size Selector for Product Variants

• نمایش اطلاعات تضمین محصول Displaying Product Assurance Information

• واکشی کشور کاربر برای صفحه محصول Fetching User's Country for Product Page

• واکشی جزئیات حمل و نقل برای صفحه محصول Fetching Shipping Details for Product Page

• پیاده سازی بخش 'ارسال به' در صفحه محصول Implementing 'Ship To' Section on Product Page

• نمایش جزئیات حمل و نقل و جمع کل حمل و نقل در صفحه محصول Displaying Shipping Details and Shipping Total on Product Page

• افزودن وزن محصول به طرحواره Adding Product Weight to the Schema

• افزودن وزن محصول به داشبورد فروشنده Adding Product Weight to Seller Dashboard

• پیاده سازی ادغام حمل و نقل رایگان Implementing Free Shipping Integration

• نمایش جداول حمل و نقل برای موارد Displaying Shipping Tables for Items

• نمایش جداول حمل و نقل برای وزن و نرخ های ثابت Displaying Shipping Tables for Weight & Fixed Rates

• نمایش اطلاعات خدمات و زمان تحویل Displaying Service & Delivery Time Information

• پیاده سازی تغییر وضعیت جدول حمل و نقل Implementing Shipping Table Toggle

• ایجاد کارت بازگشت و حریم خصوصی امنیتی Creating Returns and Security Privacy Card

• آماده سازی محصول سبد خرید در صفحه محصول Preparing Cart Product on Product Page

• رسیدگی به تغییرات قیمت، موجودی و اندازه Handling Price, Stock, and Size Changes

• پیاده سازی انتخاب کننده مقدار قسمت 1 Implementing Quantity Selector Part 1

• پیاده سازی انتخاب کننده مقدار قسمت 2 Implementing Quantity Selector Part 2

• پیاده سازی دکمه های اقدام: اکنون بخرید و افزودن به سبد خرید Implementing Action Buttons: Buy Now & Add to Cart

• پیاده سازی دکمه های اشتراک گذاری اجتماعی Implementing Social Share Buttons

• نمایش محصولات مرتبط در صفحه محصول Displaying Related Products on Product Page

• رندر کردن توضیحات محصول با استفاده از HTML Rendering Product Descriptions Using HTML

• پیاده سازی جدول مشخصات محصول Implementing Product Specifications Table

• پیاده سازی بخش پرسش و پاسخ محصول Implementing Product Q&A Section

• ایجاد و استایل دهی کارت فروشگاه Creating and Styling the Store Card

• پیاده سازی شمارش دنبال کنندگان فروشگاه و وضعیت دنبال کردن Implementing Store Followers Count and Follow Status

• پیاده سازی قابلیت دنبال کردن و لغو دنبال کردن فروشگاه Implementing Follow and Unfollow Store Functionality

• نمایش لیست محصولات فروشگاه Displaying Store Products List

• ایجاد یک مدل نقد و بررسی محصول Creating a Product Review Model

• پیاده سازی آمار رتبه بندی و کوئری های گروه بندی Implementing Ratings Statistics and Grouping Queries

• ساختاردهی نقد و بررسی های محصول Structuring Product Reviews

• ایجاد یک کارت رتبه بندی Creating a Rating Card

• پیاده سازی آمار رتبه بندی Implementing Rating Statistics

• ایجاد یک کارت نقد و بررسی محصول Creating a Product Review Card

• به روز رسانی طرح بندی نقد و بررسی ها Updating the Reviews Layout

• سانسور کردن نام ها با استفاده از JavaScript Censoring Names Using JavaScript

• پیاده سازی تابع getProductFilteredReviews Implementing getProductFilteredReviews Function

• ساختار و توضیح فیلتر کردن Filtering Structure and Explanation

• ایجاد کامپوننت فیلترها Creating the Filters Component

• ایجاد کامپوننت مرتب سازی Creating the Sort Component

• پیاده سازی صفحه بندی برای نقد و بررسی ها Implementing Pagination for Reviews

• پیاده سازی تغییرات عمده در صفحه محصول Implementing Major Changes to the Product Page

• پیاده سازی کوئری Upsert Review Implementing the Upsert Review Query

• ایجاد فرم جزئیات نقد و بررسی Creating the Review Details Form

• ایجاد رابط کاربری سفارشی برای ورودی و انتخاب نقد و بررسی Creating Custom UI for Review Input and Select

• ادامه پیاده سازی فرم نقد و بررسی Continuing the Review Form Implementation

• افزودن آپلود تصویر و قابلیت ارسال به نقد و بررسی ها Adding Image Upload and Submit Functionality to Reviews

به روز رسانی کامل و بازسازی فرم محصول: نهایی کردن طراحی و توابع Product Form Full Update and Revamp: Finalizing the Design & Functions

• فرم محصول: رفع و افزودن انواع Product Form: Types Fixes and Additions

• فرم محصول: رفع مجموعه فیلدهای ورودی و استایل دهی Product Form: Input Fieldset and Styling Fixes

• فرم محصول: رفع مسائل نوع در ورودی های کلیک برای افزودن Product Form: Fixing Type Issues in Click-to-Add Inputs

• فرم محصول: رسیدگی به فروش و تاریخ پایان فروش Product Form: Handling Sale and Sale End Date

• فرم محصول: انتخاب کننده روش هزینه حمل و نقل و حمل و نقل رایگان Product Form: Shipping Fee Method Selector and Free Shipping

• فرم محصول: انتخاب کننده حمل و نقل رایگان Product Form: Free Shipping Selector

• فرم محصول: رفع مسائل مربوط به انواع کشورهای حمل و نقل رایگان و غیره... Product Form: Fixing Free Shipping Countries Type Issues etc...

• فرم محصول: ایجاد محصول - داده های محصول Product Form: Create Product - Product Data

• فرم محصول: ایجاد محصول - داده های Variant Product Form: Create Product - Variant Data

• فرم محصول: رفع استایل دهی و استایل دهی ورودی های کلیک برای افزودن Product Form: Fixing Styling and Click-to-Add Inputs Styling

• فرم محصول: ایجاد محصول - داده های حمل و نقل Product Form: Create Product - Shipping Data

• فرم محصول: ایجاد Variant - تنظیمات صفحه و فرم Product Form: Create Variant - Page & Form Adjustments

• فرم محصول: ایجاد Variant - پیاده سازی کوئری Product Form: Create Variant - Query Implementation

• جدول محصول: به روز رسانی کوچک در استایل ها Product Table: Small Update to Styles

صفحه سبد خرید: ساختار و عملکرد Cart Page: Structure and Functionality

• مدیریت وضعیت فروشگاه سبد خرید و افزودن موارد به سبد خرید Managing Cart Store State and Adding Items to Cart

• پیاده سازی توابع باقیمانده سبد خرید Implementing Remaining Cart Functions

• صفحه محصول: افزودن به سبد خرید و رفع اشکالات Product Page: Add to Cart and Bug Fixes

• راه اندازی صفحه سبد خرید Cart Page Setup

• هدر سبد خرید Cart Header

• ایجاد محصول سبد خرید: قسمت 1 Creating cart product: part 1

• ایجاد محصول سبد خرید: قسمت 2 Creating cart product: part 2

• ایجاد محصول سبد خرید: قسمت 3 Creating cart product: part 3

• ایجاد محصول سبد خرید: قسمت 4 Creating cart product: part 4

• ایجاد محصول سبد خرید: قسمت 5 Creating cart product: part 5

• کامپوننت خلاصه سبد خرید Cart Summary Component

• پیاده سازی و تعریف مدل سبد خرید برای مدیریت کارآمد سبد خرید Implementing and Defining the Cart Model for Efficient Cart Management

• پیاده سازی تابع saveUserCart برای ماندگار کردن داده های سبد خرید: قسمت 1 Implementing the saveUserCart Function to Persist Cart Data: Part 1

• پیاده سازی تابع saveUserCart برای ماندگار کردن داده های سبد خرید: قسمت 2 Implementing the saveUserCart Function to Persist Cart Data: Part 2

• پیاده سازی تابع saveUserCart برای ماندگار کردن داده های سبد خرید: قسمت 3 Implementing the saveUserCart Function to Persist Cart Data: Part 3

ساخت صفحه پرداخت Building the Checkout Page

• راه اندازی صفحه پرداخت Setting Up the Checkout Page

• تعریف و پیاده سازی مدل آدرس برای داده های کاربر Defining and Implementing the Address Model for User Data

• پیاده سازی کوئری getUserShippingAddress و راه اندازی کامپوننت Implementing the getUserShippingAddress Query and Setting Up the Component

• ایجاد و پیاده سازی یک کامپوننت Modal سفارشی Creating and Implementing a Custom Modal Component

• ایجاد فرم آدرس حمل و نقل: قسمت 1 Creating a Shipping Address Form: Part 1

• ایجاد فرم آدرس حمل و نقل: قسمت 2 Creating a Shipping Address Form: Part 2

• پیاده سازی upsertShippingAddress و رسیدگی به ارسال فرم Implementing upsertShippingAddress and Handling Form Submission

• راه اندازی لیست آدرس و کامپوننت های کارت آدرس Setting Up Address List and Address Card Components

• ایجاد کامپوننت کارت آدرس Creating the Address Card Component

• تنظیم آدرس پیش فرض در کارت آدرس Setting Default Address on Address Card

• ایجاد یک کامپوننت کارت محصول پرداخت Creating a Checkout Product Card Component

• ایجاد یک کامپوننت کارت ثبت سفارش Creating a Place Order Card Component

• تعریف مدل های سفارش و گروه سفارش: قسمت 1 Defining Order and Order Group Models: Part 1

• تعریف مدل های سفارش و گروه سفارش: قسمت 2 Defining Order and Order Group Models: Part 2

• کوئری ثبت سفارش: اعتبارسنجی موارد سبد خرید Place Order Query: Validating Cart Items

• کوئری ثبت سفارش: گروه بندی سفارش ها Place Order Query: Group orders

• کوئری ثبت سفارش: موارد سفارش Place Order Query: Order items

رفع اشکالات سبد خرید، به روز رسانی سبد خرید، به روز رسانی هزینه حمل و نقل هنگام تغییر کشور... Fixing cart bugs, cart updates, update shipping fee when country change...

• افزودن کانتینر و بازیابی کشور کاربر Adding Container and Retrieving User Country

• کامپوننت سبد خرید خالی: رفع مشکلات سرریز و تغییر ساختار طرح بندی Empty Cart Component: Fixing Overflow Issues and Changing Layout Structure

• تغییر استایل های خلاصه و به روز رسانی سبد خرید با آخرین تنظیمات Change Summary Styles and Update Cart with Latest Setup

• نهایی کردن پیاده سازی updateCartWithLatest Finishing updateCartWithLatest Implementation

• محاسبه مجدد هزینه های حمل و نقل برای محصولات سبد خرید Recalculating Shipping Fees for Cart Products

• رسیدگی به محصولات ناموجود در سبد خرید Handling Out of Stock Products in the Cart

• رفع همگام سازی وضعیت سبد خرید در سراسر چندین زبانه Fixing Cart State Sync Across Multiple Tabs

• پیاده سازی قابلیت لیست علاقه مندی های کاربر Implementing User Wishlist Functionality

• افزودن قابلیت "افزودن به لیست علاقه مندی ها" در سبد خرید محصول Adding "Add to Wishlist" Functionality in Product Cart

• نمایش نام کشور با یادداشت کشور Displaying Country Name with Country Note

رفع پرداخت، ادغام کوپن و ثبت سفارش Fixing Checkout, Coupon Integration, and Order Placement

• پیاده سازی تغییرات اساسی و بهبود استایل دهی Implementing Basic Changes and Styling Improvements

• به روز رسانی محصولات پرداخت با آخرین داده ها (پایه) Updating Checkout Products with Latest Data (Base)

• تابع دریافت هزینه حمل و نقل محصول Get Product Shipping Fee Function

• نهایی کردن تابع به روز رسانی پرداخت Finishing Update Checkout Function

• ایجاد مدل و فرم کوپن Creating Coupon Model and Form

• Upsert کردن داده های کوپن با کوئری Upserting Coupon Data with Query

• جدول داده کوپن و راه اندازی کوئری Coupon Data Table and Query Setup

• اقدامات جدول داده کوپن Coupon Data Table Actions

• کوپن - فرم اعمال کوپن Coupon - Apply Coupon Form

• کوپن - کوئری اعمال کوپن Coupon - Apply Coupon Query

• کوپن - اعمال کوپن به سبد خرید پرداخت Coupon - Apply Coupon to Checkout Cart

• کوپن - کارت تگ کوپن پرداخت و بهبودها Coupon - Checkout Coupon Tag Card and Improvements

• کوپن - ایجاد تغییرات در کارت محصول پرداخت Coupon - Making Changes to Checkout Product Card

• سفارش - تغییرات طرحواره Order - Schema Changes

• سفارش - به روز رسانی کوئری ثبت سفارش Order - Place Order Query Update

• سفارش - رفع نهایی و تکمیل Order - Final Fixes and Completion

• سفارش - راه اندازی صفحه و کوئری GetOrder Order - Page Setup and GetOrder Query

• سفارش - هدر سفارش با تگ های وضعیت Order - Order Header with Status Tags

• سفارش - ساختار کانتینر Order - Container Structure

• سفارش - جزئیات کارت کاربر Order - User Card Details

• سفارش - کارت اطلاعات سفارش Order - Order Info Card

• سفارش - کارت اطلاعات کل سفارش Order - Order Total Info Card

• سفارش - کانتینر گروه ها و پایه جدول گروه Order - Groups Container and Group Table Base

• سفارش - اطلاعات جدول گروه Order - Group Table Information

• سفارش - ردیف جدول محصول Order - Product Table Row

• سفارش - راه اندازی درگاه های پرداخت (PayPal و Stripe) Order - Payment Gateways Setup (PayPal and Stripe)

• سفارش - ادغام کامل پرداخت PayPal Order - Full PayPal Payment Integration

• سفارش - نهایی سازی و تست PayPal Order - PayPal Finalizing and Testing

• سفارش - ادغام کامل Stripe Order - Full Stripe Integration

• سفارش - خروجی فاکتور سفارش به PDF Order - Export Order Invoice to PDF

• سفارش - چاپ فاکتور سفارش Order - Print Order Invoice

پیاده سازی جستجوی سریع با ادغام Elasticsearch Implementing Lightning Search with Elasticsearch Integration

• راه اندازی جستجوی سریع با Elasticsearch Setting Up Fast Lightning Search with Elasticsearch

• پیکربندی فهرست نویسی Elasticsearch برای جستجوی سریع Configuring Elasticsearch Indexing for Fast Lightning Search

• پیاده سازی قابلیت جستجو با جستجوی سریع Implementing Search Functionality with Fast Lightning Search

• ادغام نتایج جستجو در نوار جستجو با جستجوی سریع Integrating Search Results in Search Bar with Lightning Search

• پیاده سازی برجسته سازی در نتایج جستجوی سریع Implementing Highlights in Lightning Search Results

ساخت یک سرور زنده سفارشی برای نظارت و مدیریت تماشاگران محصول در زمان واقعی Build a custom live server to monitor and manage real-time product watchers.

• ایجاد یک سرور سوکت جدید با استفاده از Next.js، Express و HTTP Creating a New Socket Server Using Next.js, Express, and HTTP

• رسیدگی به اتصالات سوکت و مدیریت منطق تماشاگر Handling Socket Connections and Managing Watcher Logic

• میزبانی سرور خود در Glitch Hosting Our Server on Glitch

• پیاده سازی تماشاگران زنده در صفحه محصول Implementing Live Watchers on the Product Page

ایجاد و راه اندازی صفحه پروفایل Creating and Setting Up the Profile Page

• راه اندازی طرح بندی صفحه پروفایل و نوار کناری Setting Up Profile Page Layout and Sidebar

• تکمیل راه اندازی نوار کناری پروفایل Finishing Profile Sidebar Setup

• راه اندازی نمای کلی پروفایل Profile Overview Setup

• نمای کلی سفارش های پروفایل Profile Orders Overview

• دریافت سفارش های کاربر Get User Orders

• راه اندازی جدول سفارش ها در پروفایل Orders Table Setup in Profile

• تکمیل راه اندازی جدول سفارش ها Orders Table Finishing Setup

• پیاده سازی صفحه بندی برای جدول سفارش ها در پروفایل Implementing Pagination for Orders Table in Profile

• پیاده سازی فیلتر کردن در هدر جدول سفارش ها Implementing Filtering in Orders Table Header

• پیاده سازی قابلیت جستجو در هدر جدول سفارش ها Implementing Search Functionality in Orders Table Header

• پیاده سازی فیلترهای تاریخ در هدر جدول سفارش ها Implementing Date Filters in Orders Table Header

• ایجاد یک صفحه فیلتر سفارش برای پروفایل Creating an Order Filter Page for Profile

• واکشی داده های پرداخت کاربر برای پروفایل Fetching User Payment Data for Profile

• نمایش پرداخت های کاربر در قالب جدول Display User Payments in Table Format

• مدیریت و نمایش آدرس های کاربر در پروفایل Manage and Display User Addresses on Profile

• نمایش و مدیریت نظرات کاربر در پروفایل Display and Manage User Reviews in Profile

• پیاده سازی ردیابی تاریخچه محصول Implement Product History Tracking

• بازیابی تاریخچه محصول بر اساس شناسه های محصول Retrieve Product History by Product IDs

• ساخت صفحه تاریخچه پروفایل Build Profile History Page

• پیاده سازی قابلیت دریافت لیست علاقه مندی های کاربر Implement Get User Wishlist Functionality

• ایجاد صفحه لیست علاقه مندی ها برای پروفایل کاربر Create Wishlist Page for User Profile

• ایجاد لیست فروشگاه های دنبال شده در پروفایل کاربر Create Followed Stores List in User Profile

صفحه جستجوی مرور با فیلتر کردن و مرتب سازی Browse search page with filtering and sorting

• راه اندازی صفحه مرور و رسیدگی به کوئری ها Set Up Browse Page and Handle Queries

• اعمال کوئری جستجو و تست Apply Search Query and Test

• راه اندازی فیلترها و فیلتر دسته بندی برای صفحه مرور Set Up Filters and Category Filter for Browse Page

• راه اندازی فیلترها و فیلتر لینک دسته بندی با زیردسته بندی ها برای صفحه مرور Set Up Filters and Category Link Filter with Subcategories for Browse Page

• پیاده سازی منطق فیلتر برای دسته بندی ها و زیردسته بندی ها در صفحه مرور Implement Filter Logic for Categories and Subcategories on Browse Page

• پیاده سازی فیلتر تگ تخفیف در صفحه مرور Implement Offer Tag Filter on Browse Page

• پیاده سازی فیلتر پیشرفته اندازه در صفحه مرور با تکنیک های پیشرفته جاوا اسکریپت Implement Advanced Size Filtering on Browse Page with Pro JavaScript Techniques

• پیاده سازی فیلتر اندازه برای صفحه مرور Implement Size Filter for Browse Page

• پیاده سازی منطق ساده برای فیلتر اندازه در صفحه مرور Implement Simple Logic for Size Filter on Browse Page

• پیاده سازی نمایش فیلترهای هدر و قابلیت پاک کردن برای صفحه مرور Implement Header Filters Display and Clear Functionality for Browse Page

• رسیدگی به بازدیدهای محصول برای محبوبیت محصول در صفحه مرور Handle Product Views for Product Popularity on Browse Page

• پیاده سازی فیلتر مرتب سازی بر اساس (محبوب، تازه واردها، دارای بالاترین رتبه) برای صفحه مرور Implement Sort-by Filter for Browse Page (Popular, New Arrivals, Highest Rated)

• پیاده سازی فیلتر مرتب سازی بر اساس قیمت برای صفحه مرور Implement Sort-by Filter for Price on Browse Page

• مرتب سازی قیمت محصول Product Price Sorting

• پیاده سازی فیلتر محدوده قیمت برای محصولات Implement Price Range Filtering for Products

• پیاده سازی فیلتر رنگ برای محصولات Implementing Color Filtering for Products

داشبورد فروشنده: مدیریت سفارش ها Seller Dashboard: Order Management

• داشبورد فروشنده: جدول سفارش ها Seller Dashboard: Orders Table

• داشبورد فروشنده: جدول سفارش ها - فرم انتخاب وضعیت سفارش Seller Dashboard: Orders Table - Order Status Select Form

• داشبورد فروشنده: جدول سفارش ها - تابع به روز رسانی وضعیت سفارش Seller Dashboard: Orders Table - Update Order Status Function

• داشبورد فروشنده: جدول سفارش ها - دکمه نمایش و خلاصه سفارش فروشگاه Seller Dashboard: Orders Table - View Button and Store Order Summary

• داشبورد فروشنده: جدول سفارش ها - اطلاعات StoreOrderSummary Seller Dashboard: Orders Table - StoreOrderSummary Info

• داشبورد فروشنده: جدول سفارش ها - محصولات StoreOrderSummary Seller Dashboard: Orders Table - StoreOrderSummary Products

• داشبورد فروشنده: جدول سفارش ها - انتخاب کننده وضعیت محصول StoreOrderSummary Seller Dashboard: Orders Table - StoreOrderSummary - Product Status Selector

راه اندازی صفحه اصلی Home Page Setup

• صفحه اصلی - دریافت داده های پویای صفحه اصلی (توضیح و پایه) Home Page - Get Dynamic Home Data (Explanation and Base)

• صفحه اصلی - قالب بندی داده ها Home Page - Format Data

• صفحه اصلی - تکمیل تابع Home Page - Finishing Function

• صفحه اصلی - دریافت دسته بندی های ویژه صفحه اصلی Home Page - Get Home Featured Categories

• صفحه اصلی - بخش حاشیه ای Home Page - Sideline Section

• صفحه اصلی - ساختار اصلی (تصویر تبلیغاتی سمت چپ و HomeMainSwiper) Home Page - Main Structure (Left Ad Image and HomeMainSwiper)

• صفحه اصلی - کارت کاربر Home Page - User Card

• صفحه اصلی - ادغام Swiper JS Home Page - Swiper JS Integration

• صفحه اصلی - کارت محصول ساده Home Page - Simple Product Card

• صفحه اصلی - تکمیل کارت کاربر Home Page - Finish User Card

• صفحه اصلی - کارت ویژه و رفع مشکلات Swiper Home Page - Featured Card & Fixing Swiper Issues

• صفحه اصلی - Swiper محصولات ویژه Home Page - Featured Products Swiper

• صفحه اصلی - رفع تمام مشکلات برای صفحه اصلی Home Page - Fix All Issues for Home Main

• صفحه اصلی - کارت متحرک Home Page - Animated Card

• صفحه اصلی - شمارش معکوس کارت متحرک Home Page - Animated Card Countdown

• صفحه اصلی - Swiper معاملات ویژه + کارت محصول تمیز Home Page - Super Deals Swiper + Clean Product Card

• صفحه اصلی - دسته بندی های ویژه Home Page - Featured Categories

• صفحه اصلی - لیست محصولات Home Page - Product List

صفحه درخواست فروشندگی Seller Apply Page

• درخواست فروشندگی - هدر مینیمال Apply Seller - Minimal Header

• درخواست فروشندگی - راه اندازی فرم با دستورالعمل ها Apply Seller - Form Setup with Instructions

• درخواست فروشندگی - نوار پیشرفت و کانتینر متحرک Apply Seller - Progress Bar and Animated Container

• درخواست فروشندگی - مرحله 1 (جزئیات کاربر) Apply Seller - Step 1 (User Details)

• درخواست فروشندگی - مرحله 2 (جزئیات فروشگاه) Apply Seller - Step 2 (Store Details)

• درخواست فروشندگی - مرحله 3 (جزئیات حمل و نقل) Apply Seller - Step 3 (Shipping Details)

• درخواست فروشندگی - مرحله 4 (پیام موفقیت) Apply Seller - Step 4 (Success Message)

• راه اندازی صفحه فروشگاه ها (دریافت تمام فروشگاه ها، ستون ها، انتخاب کننده وضعیت فروشگاه) Stores Page Setup (Get All Stores, Columns, Store Status Selector)

• داشبورد ادمین - فروشگاه ها - حذف فروشگاه Admin Dashboard - Stores - Delete Store

• داشبورد ادمین - فروشگاه ها - Modal جزئیات فروشگاه Admin Dashboard - Stores - Store Details Modal

صفحه فروشگاه Store page

• صفحه فروشگاه - راه اندازی صفحه و جزئیات Store Page - Page Setup and Details

• صفحه فروشگاه - اعمال فیلتر فروشگاه به تمام کوئری ها Store Page - Applying Store Filter to All Queries

• صفحه فروشگاه - لیست محصولات Store Page - Product List

استقرار برنامه در تولید: راهنمای کامل Deploy app to production : Full Guide

• ساخت و استقرار در Vercel Build and Deploy to Vercel

• استقرار Clerk از توسعه به تولید Deploy Clerk from Dev to Production

• استقرار پایگاه داده در Railway Deploy Database to Railway