آموزش توسعه و استقرار اپلیکیشن فروشگاهی (E-Commerce) - آخرین آپدیت

کشینگ در NextJS Caching in NextJS

• درک مفهوم کشینگ در Next Understanding Caching in Next

• تمرین: درک مفهوم کشینگ در Next IQ - Understanding Caching in Next

• رفتارهای غیرمنتظره در بیلد پروژه Unexpected Behaviour in Project Build

• تمرین: رفتارهای غیرمنتظره در بیلد پروژه IQ - Unexpected Behaviour in Project Build

• تغییر حالت استاتیک به داینامیک - کنترل کش Static to Dynamic - Cache Control

• تمرین: تغییر حالت استاتیک به داینامیک - کنترل کش IQ - Static to Dynamic - Cache Control

هوک‌های متفرقه Miscellaneous Hooks

• هوک useActionState() useActionState() Hook

• تمرین: هوک useActionState() IQ - useActionState() Hook

• جادوی Memoization The Magic of Memoization

• تمرین: Memoization IQ - Memoization

• هوک‌های useCallback() و useMemo() useCallback() and useMemo() Hook

• تمرین: هوک‌های useCallback() و useMemo() IQ - useCallback() and useMemo() Hook

• هوک useOptimistic() The useOptimistic() Hook

• تمرین: هوک useOptimistic() IQ - useOptimistic() Hook

• هوک useFormStatus() The useFormStatus() Hook

• تمرین: هوک useFormStatus() IQ - useFormStatus() Hook

• هوک useDebugValue() The useDebugValue() Hook

• تمرین: هوک useDebugValue() IQ - useDebugValue() Hook

بخش مدیریت MyStore MyStore - Admin Section

• مقدمه Introduction

• ایجاد پروژه Project Creation

• ساخت کامپوننت سایدبار Creating Sidebar Component

• کار روی سایدبار Working on Sidebar

• ترکیب کلاس‌های Utility با @apply Combining Utility Classes with @apply

• تمرین: ترکیب کلاس‌های Utility با @layer و @apply IQ - @layer & @apply - Combining Utility Classes

• استایل‌دهی به سایدبار Styling the Sidebar

• افزودن آیکون‌ها به سایدبار Adding Icons to the Sidebar

• ساخت صفحه کاربران Creating 'Users' Page

• ساخت فرم افزودن کاربر Creating 'Add Users' Form

• پیاده‌سازی معماری مبتنی بر کامپوننت Implementing Component-Based Architecture

• ساخت کامپوننت‌های Button و Input Creating Button & Input Components

• بازسازی ساختار کد (Refactoring) Refactoring Code Structure

• ایجاد پایگاه داده Database Creation

• افزودن کاربران با Server Action Adding Users with Server Action

• پیاده‌سازی هشینگ (Hashing) Implementing Hashing

• تمرین: پیاده‌سازی هشینگ IQ - Implementing Hashing

• اعتبارسنجی ایجاد کاربر Validating User Creation

• رندر کردن کاربران در جدول Rendering Users in the Table

• ساخت صفحه ویرایش کاربر Creating Edit User Page

• مقادیر پیش‌فرض پویا برای ویرایش Dynamic Default Values for Edit

• به‌روزرسانی داده‌های کاربر Updating User Data

• حذف کاربر Deleting User

• ساخت پاپ‌آپ تایید حذف Creating Delete Confirmation Popup

• فعال‌سازی پاپ‌آپ تایید Enabling Confirmation Popup

• حذف کاربر از طریق پاپ‌آپ تایید Deleting User by Confirmation Popup

• ساخت صفحه نوع محصول Creating Product Type Page

• ساخت صفحه افزودن نوع محصول Creating Add Product Type Page

• افزودن نوع محصول و مدل‌های محصول به Schema Adding Product Types and Product Models into the Schema

• تمرین: افزودن مدل‌ها در Schema - نوع محصول و محصول IQ - Adding Models in the Schema - Product Type & Product

• افزودن نوع محصول با استفاده از Server Action Adding Product Type Using Server Action

• رندر کردن انواع محصولات در جدول Rendering Product Types into the Table

• ساخت صفحه ویرایش نوع محصول Creating Edit Product Type Page

• مقادیر پیش‌فرض پویا برای نوع محصول Dynamic Default Values for Product Type

• به‌روزرسانی نوع محصول با Server Action Updating Product Type with Server Action

• حذف نوع محصول با Server Action Deleting Product Type with Server Action

• ساخت صفحه محصولات Creating Products Page

• ساخت اینترفیس محصولات برای لیست کردن Creating Products Interface for Listing

• ساخت صفحه افزودن محصول Creating Add Product Page

• تکمیل فرم افزودن محصول Completing Add Product Form

• ساخت کامپوننت Switch Creating Switch Component

• ساخت کامپوننت ورودی فایل (File Input) Creating File Input Component

• رندر داده‌های پویا از انواع محصولات در صفحه افزودن محصول Rendering Dynamic Product Types Data in Add Product Page

• ساخت Server Action برای افزودن محصولات Creating Server Action for Adding Products

• پیاده‌سازی قابلیت ذخیره‌سازی تصاویر Implementing Image Storage Functionality

• تکمیل قابلیت افزودن محصول Completing Add Product Functionality

• رندر داده‌های پویا در جدول محصولات Rendering Dynamic Data in Products Table

• ساخت صفحه ویرایش محصول Creating Edit Product Page

• مقادیر پیش‌فرض پویا برای محصول Dynamic Default Values for Product

• رندر مقادیر پیش‌فرض در Switch و ورودی فایل Render Default Values in Switch and File Input

• به‌روزرسانی محصول با Server Action Updating Product with Server Action

• تمرین: به‌روزرسانی محصول با Server Action IQ - Updating Product with Server Action

• حذف محصول با Server Action Deleting Product with Server Action

بخش کاربر MyStore MyStore - Client Section

• شروع بخش کاربر (Client Section) Initiating Client Section

• ساخت کامپوننت هدر Creating Header Component

• پیاده‌سازی نوار جستجو Implementing Search Bar

• اتصال کلاس‌های Tailwind با رویکرد ایده‌آل Joining Tailwind Classes with Ideal Approach

• تمرین: اتصال کلاس‌های Tailwind با رویکرد ایده‌آل IQ - Joining Tailwind Classes with Ideal Approach

• افزودن دراپ‌داون پروفایل Adding Profile Dropdown

• هوک useRef() useRef() Hook

• بستن منوی دراپ‌داون پروفایل با کلیک به بیرون Close Profile Dropdown Menu on Outside Click

• تمرین: بستن منوی دراپ‌داون پروفایل با کلیک به بیرون IQ - Close Profile Dropdown Menu on Outside Click

• ساخت کامپوننت Input Creating Input Component

• ساخت صفحه اصلی Creating Home Page

• ساخت بخش فیلترها Creating Filters Section

• ساخت کامپوننت سفارشی Accordion Creating Custom Accordion Component

• تمرین: ساخت کامپوننت سفارشی Accordion IQ - Creating Custom Accordion Component

• تکمیل کامپوننت سفارشی Accordion Completing Custom Accordion Component

• ادامه بخش فیلترها Continue on Filter Section

• ساخت کامپوننت اسلایدر محدوده قیمت Creating Price Range Slider Component

• ساخت کامپوننت کارت محصول Creating Product Card Component

• تکمیل کامپوننت کارت محصول Completing Product Card Component

• ساخت کامپوننت دکمه (Button) Creating Button Component

• ساخت API برای لیست محصولات API Creation for Product Listing

• رندر پویا محصولات با استفاده از Server Action Dynamic Product Rendering Using Server Action

• ساخت API برای دریافت انواع محصولات API Creation For Fetching Product Types

• رندر پویا انواع محصولات با استفاده از API Dynamic Product Type Rendering Using API

• تنظیم مقادیر فیلتر در Search Params Set Filter Values into the Search Params

• اصلاح API محصولات برای اعمال فیلترها Modifying Products API to Apply Filters

• قابلیت فیلتر در سمت کاربر Filter Functionality on Client Side

• قابلیت فیلتر جستجو Search Filter Functionality

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

• تکمیل صفحه محصول Completing Product Page

• ساخت API برای دریافت محصول بر اساس ID API Creation For Fetching a Product by Its ID

• رندر پویا جزئیات محصول با استفاده از API Dynamic Product Details Rendering Using API

• رندر محصولات بر اساس وضعیت Rendering Products Based on Status

• ساخت صفحه سبد خرید Creating Cart Page

• رندر کارت آیتم‌های سبد خرید Rendering Cart Item Card

• تکمیل رابط کاربری سبد خرید Completing the Cart UI

• ساخت Context برای مدیریت محصولات Creating Context for Handling Products

• تمرین: ساخت Context برای مدیریت محصولات IQ - Creating Context for Handling Products

• پیاده‌سازی قابلیت‌های سبد خرید Implement Cart Functionalities

• پویا کردن صفحه سبد خرید Making Cart Page Dynamic

• فعال‌سازی انتخاب تعداد Enabling Quantity Selection

• اتمام صفحه سبد خرید پویا Finishing Dynamic Cart Page

احراز هویت MyStore MyStore - Authentication

• ساخت صفحه ورود Creating Login Page

• معرفی JOSE و JWT Introduction of JOSE + JWT

• راه‌اندازی جریان احراز هویت با JOSE و JWT Setup Authentication Flow Using JOSE + JWT

• ساخت Server Action برای ورود Create Server Action for Login

• احراز هویت مبتنی بر کوکی (Cookie Based) Cookie-Based Authentication

• تمرین: احراز هویت مبتنی بر کوکی IQ - Cookie-Based Authentication

• مدیریت مسیرهای خصوصی و عمومی با استفاده از Middleware Handling Private and Public Routes Using Middleware

• دریافت داده‌های کاربر احراز هویت شده Fetching Authenticated User Data

• پیاده‌سازی خروج (Logout) با Server Action Implementing Logout with Server Action

• احراز هویت تمامی Server Actionهای بخش مدیریت Authenticate All Server Actions of Admin Section

• ساخت مسیرهای احراز هویت در بخش کاربر Creating Authentication Routes in Client Section

• ساخت اینترفیس برای مسیرهای احراز هویت Creating Interface for Authentication Routes

• ساخت جدول خریداران (Buyer) در پایگاه داده Creating Buyer Table in the Database

• ساخت API ثبت‌نام Creating Sign-up API

• تست API ثبت‌نام با Postman Testing Signup API Using Postman

• ساخت API ورود Creating Login API

• تست API ورود با Postman Testing the Login API Using Postman

• پیاده‌سازی قابلیت ثبت‌نام در بخش کاربر Implementing Signup Functionality in the Client Section

• پیاده‌سازی قابلیت ورود مشتری Implementing Customer Login Functionality

• API برای دریافت داده‌های مشتری منحصر‌به‌فرد API to Fetch Unique Customer's Data

• دریافت داده‌های مشتری با API در بخش کاربر Fetching Customer's Data Using API in the Client Section

• قابلیت خروج در بخش کاربر Logout Functionality in the Client Section

درگاه پرداخت و فروش MyStore MyStore - Payment Gateway & Sales

• مقدمه Introduction

• تمرین: مقدمه IQ - Introduction

• تنظیمات اولیه Stripe Basic Configurations of Stripe

• رندر فرم پرداخت داخلی (Embedded Checkout) Stripe Rendering Stripe's Embedded Checkout Form

• ایجاد پویا جلسه پرداخت (Checkout Session) Creating Checkout Session Dynamically

• ساخت صفحه وضعیت پرداخت Creating Payment Status Page

• ساخت جدول فروش و تراکنش‌ها در دیتابیس Creating Sales and Transaction Table in Database

• API برای به‌روزرسانی دیتابیس پس از پرداخت موفق API to Update Database After the Successful Checkout

• تست API پرداخت با Postman Testing the Checkout API Using Postman

• یکپارچه‌سازی API پرداخت در بخش کاربر Integrating Checkout API in the Client Section

• ساخت بخش مدیریت خریداران (Buyer Master) Creating Buyer Master Section

• رندر داده‌های پویا در جدول خریداران Rendering Dynamic Data in Buyers Table

گزارشات و تحلیل‌ها (نمودارها) MyStore MyStore - Reports and Analysis (Charts)

• مقدمه Introduction

• آماده‌سازی گزارش مشتریان و خریداران Preparing Customers and Buyers Report

• رندر گزارش مشتریان و خریداران Rendering Customers & Buyers Report

• آماده‌سازی گزارش کل درآمد Preparing Total Revenue Report

• آماده‌سازی گزارش سفارشات اخیر Preparing Recent Order Report

• ساخت مودال محصولات خریداری شده Creating Purchased Products Modal

• دریافت محصولات خریداری شده در مودال Fetching Purchased Products in Modal

• رندر محصولات در جدول محصولات خریداری شده Render Products in the Purchased Products Table

• پیاده‌سازی نمودار با استفاده از Recharts Implementing Chart Using Recharts

• آماده‌سازی گزارش فروش با استفاده از نمودار Preparing Sales Report Using Chart

• رندر نمودار فروش با مقادیر پویا Rendering Sales Chart with Dynamic Values

• آماده‌سازی گزارش مشتریان با استفاده از نمودار Preparing Customers Report Using Chart

• ساخت کامپوننت بخش نمودارها Creating Chart Section Component

استقرار MyStore MyStore – Deployment

• مقدمه Introduction

• تمرین: مقدمه IQ - Introduction

• آشنایی با CI/CD Introduction to CI/CD

• تمرین: آشنایی با CI/CD IQ - Introduction to CI/CD

• یکپارچه‌سازی با Github Github Integration

• تمرین: یکپارچه‌سازی با Github IQ - Github Integration

• مهاجرت دیتابیس از SQLite به MySQL Database Migration from SQLite to MySQL

• اتصال دیتابیس MySQL به اپلیکیشن مدیریت Link the MySQL Database to Admin Application

• استقرار اپلیکیشن مدیریت در Vercel Deploying Admin App on Vercel

• استقرار اپلیکیشن کاربر در Vercel Deploying Client App on Vercel

پروژه کوچک: تایید ایمیل با OTP Bit-Sized Project: Email OTP Verification

• مقدمه و تعریف پروژه Introduction & Project Definition

• چرا Vite را به CRA ترجیح دهیم؟ Why Choose Vite over CRA?

• راه‌اندازی محیط توسعه Setting Up the Environment

• نصب و پیکربندی Tailwind CSS Install and Configure Tailwind CSS

• ساخت کارت تایید ایمیل Creating Card for Email Verification

• ساخت مسیرها (Routes) Creating Routes

• ساخت کارت تایید OTP Creating OTP Verification Card

• مدیریت مقادیر فرم Handling Form Values

• راه‌اندازی سرور Express با NodeJS Setting Up Express Server Using NodeJS

• ساخت API ساده GET Creating Basic GET API

• ساخت API ساده POST Creating a Simple POST API

• نصب POSTMAN POSTMAN Installation

• ارسال درخواست POST از طریق POSTMAN Making a POST Request from POSTMAN

• سازماندهی مسیرها با express.Router() Organizing Routes with "express.Router()"

• ارسال ایمیل با استفاده از SendGrid Sending Email Using SendGrid

• ساخت API برای تایید OTP Creating API to Verify OTP

• تنظیم زمان انقضای OTP Set OTP Expiration Time

• یکپارچه‌سازی API برای ارسال OTP API Integration for Sending OTP

• یکپارچه‌سازی API برای تایید OTP Integrating API to Verify the OTP