آموزش وایب کدینگ: ساخت اپلیکیشن جامع مدیریت موجودی با Claude Code - آخرین آپدیت

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

مقدمه Introduction

• مقدمه: چه چیزی خواهید ساخت Introduction - What You Are Going To Build

• نیاز به حمایت شما Need Your Support

• مأموریت من My Mission

• معرفی ماژول محصول Product Module Intro

• معرفی ماژول تعدیلات Adjustments Module Intro

• معرفی ماژول خرید Purchases Module Intro

• معرفی ماژول فروش Sales Module Intro

• معرفی ماژول نقش‌ها و گزارشات Role and Report Module Intro

پایه و اساس Next JS (مخصوص مبتدیان) Next JS Foundation ( Just for Beginners )

• بخش پایه Next.js چیست؟ What is the Next.js Foundation Section?

• راه‌اندازی ابزارهای محیطی Environment Tools Setup

• Next JS چیست و چرا؟ What and Why Next JS

• تفاوت React و Next js چیست What is the Different between React and Next js

• ایجاد اپلیکیشن جدید و بررسی فرآیند بهینه‌سازی ساخت Create New App And Explore Build Optimization Process

• کار با ساختار پروژه Playing With Project Structure

• مفهوم صفحه اصلی و کامپوننت‌های Functional Primary Page Concept And Functional Component

• کار با دارایی‌های استاتیک در پوشه Public Working With Static Asset Inside Public

• کار با CSS جهانی و ماژولار Working With Global And Module CSS

• بررسی رندرینگ سمت کلاینت (CSR) Exploring Client Side Rendering

• بررسی رندرینگ سمت سرور (SSR) Exploring Server Side Redering

• کجا از SSR و کجا از CSR استفاده کنیم Where use SSR Where CSR

• چرا از use Client استفاده می‌کنیم Why we are writing use Client

• بررسی مفهوم مسیریابی دایرکتوری (Directory Routing) Exploring Directory Routing Concept

• مفهوم مسیریابی دایرکتوری تودرتو (Nested Routing) Neasted Directory Routing Concept

• کامپوننت پایه Link Basic Link Component

• نوار پیشرفت در مسیریابی Progress Bar In Routing

• مدیریت لینک فعال (Active Link) Managing Active Link

• کوئری در کامپوننت Link Link Component Query

• کوئری کامپوننت Link با useSearchParams Link Component Query With useSearchParams

• ویژگی‌های Prefetch و Replace در کامپوننت Link Link Component Prefetch and Replace Properties

• جزئیات مسیریابی برنامه‌نویسی شده (Programmatically Routing) Programmatically Routing Details

• تفکر در Next JS: سرور کامپوننت چیست Thinking In Next JS What About Server Component

• تفکر در Next JS: کلاینت کامپوننت چیست Thinking In Next JS What About Client Component

تنظیمات پیشرفته و بهینه‌سازی‌های Next.js Next.js Advance Config and Optimizations

• درک Base Path و متغیرهای محیطی Understanding Base Path And Environment Variable

• درک تنظیمات Header Understanding Header Config

• تنظیمات امنیتی Header - بخش اول Header Security Config Part 1

• تنظیمات امنیتی Header - بخش دوم Header Security Config Part 2

• تنظیمات امنیتی Header - بخش سوم Header Security Config Part 3

• اتصال و فشرده‌سازی Connection And Compression

• بهینه‌سازی تصاویر Image Optimization

• بهینه‌سازی فونت - بخش اول Font Optimization Part 1

• بهینه‌سازی فونت - بخش دوم Font Optimization Part 2

• اسکریپت‌ها و دارایی‌های استاتیک Script And Static Assets

میدل‌ویر Next.js و صفحه 404 Next.js Middleware And 404 page

• راه‌اندازی Middleware - بخش اول Middleware Setup Part 1

• راه‌اندازی Middleware - بخش دوم Middleware Setup Part 2

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

وایب کدینگ: ساخت سیستم جامع مدیریت موجودی با Claude Code Vibe Coding: Build Full-Stack Inventory Management System with Claude Code

• مقدمه: چه چیزی خواهید ساخت Introduction - What You Are Going To Build

• فایل تمرینی پروژه - منابع قابل دانلود Project Excise File - Downloadable Resource

خوش‌آمدگویی و متد وایب کدینگ Welcome & The Vibe-Coding Method

• روش جدید برنامه‌نویسی The New Way of Programming

• معنای واقعی «وایب کدینگ» چیست What "vibe coding" really means

• چرا این دوره با دیگران متفاوت است Why this course is different from others

• گردش کار AI مدرس The instructor's AI workflow

• ابزارهای مورد نیاز برای نصب Tools you need installed

• دریافت منابع: مخزن شروع (Starter Repo) Get the resources: Starter Repo

طراحی سیستم با Claude Design Designing the System with Claude Design

• از اسکرین‌شات‌ها تا شرح طراحی (Design Brief) From Screenshots to a Design Brief

• چرا یک دستیار AI توانمند ارزشمند است Why a Capable AI Assistant Is Worth It

• طراحی سیستم با Claude Design - بخش ۱ Designing System with Claude Design Part 1

• طراحی سیستم با Claude Design - بخش ۲ Designing System with Claude Design Part 2

• طراحی سیستم با Claude Design - بخش ۳ Designing System with Claude Design Part 3

• طراحی سیستم با Claude Design - بخش ۴ Designing System with Claude Design Part 4

• طراحی سیستم با Claude Design - بخش ۵ Designing System with Claude Design Part 5

• طراحی سیستم با Claude Design - بخش ۶ Designing System with Claude Design Part 6

• طراحی سیستم با Claude Design - بخش ۷ Designing System with Claude Design Part 7

• طراحی سیستم با Claude Design - بخش ۸ Designing System with Claude Design Part 8

• طراحی سیستم با Claude Design - بخش ۹ Designing System with Claude Design Part 9

• طراحی سیستم با Claude Design - بخش ۱۰ Designing System with Claude Design Part 10

• طراحی سیستم با Claude Design - بخش ۱۱ Designing System with Claude Design Part 11

پایه‌های پروژه: راه‌اندازی Project Foundations: Setup

• تفکر درباره کد طراحی Think about the Design Code

• ابزارهای مورد نیاز برای نصب Tools you need installed

• ایجاد پروژه: create next app با Next.js 16 Create the project: create-next-app with Next.js 16

• گشتی در ساختار پروژه تولید شده Tour the Generated Project Structure

• نصب پکیج‌های پروژه Install Packages for The Project

• راه‌اندازی متغیرهای محیطی .env Environment variables .env Setup

راه‌اندازی فایل‌های پروژه Project File Setup

• راه‌اندازی فایل‌های پروژه - بخش اول Project File Setup Part 1

• راه‌اندازی فایل‌های پروژه - بخش دوم Project File Setup Part 2

• مقداردهی Git و اولین کامیت Initialize Git + first commit

راه‌اندازی احراز هویت Next.js با کاربر ادمین اولیه Setup Next.js Auth with Seed Admin User

• راه‌اندازی احراز هویت Next.js با کاربر ادمین - بخش ۱ Setup Next.js Auth with Seed Admin User Part 1

• راه‌اندازی احراز هویت Next.js با کاربر ادمین - بخش ۲ Setup Next.js Auth with Seed Admin User Part 2

• راه‌اندازی احراز هویت Next.js با کاربر ادمین - بخش ۳ Setup Next.js Auth with Seed Admin User Part 3

• راه‌اندازی احراز هویت Next.js با کاربر ادمین - بخش ۴ Setup Next.js Auth with Seed Admin User Part 4

• راه‌اندازی احراز هویت Next.js با کاربر ادمین - بخش ۵ Setup Next.js Auth with Seed Admin User Part 5

• کدنویسی گام‌به‌گام در Git Git Lecture By Lecture Code

راه‌اندازی صفحه پروفایل ادمین Create Admin Profile Page Setup

• راه‌اندازی صفحه پروفایل ادمین - بخش ۱ Create Admin Profile Page Setup Part 1

• راه‌اندازی صفحه پروفایل ادمین - بخش ۲ Create Admin Profile Page Setup Part 2

راه‌اندازی تغییر رمز عبور ادمین Admin Change Password Setup

• راه‌اندازی تغییر رمز عبور ادمین Admin Change Password Setup

راه‌اندازی صفحه انبار موجودی Create Inventory Warehouse Page Setup

• راه‌اندازی صفحه انبار موجودی - بخش ۱ Inventory Warehouse Page Setup Part 1

• راه‌اندازی صفحه انبار موجودی - بخش ۲ Inventory Warehouse Page Setup Part 2

راه‌اندازی صفحه تأمین‌کنندگان Create Suppliers Page Setup

• راه‌اندازی صفحه تأمین‌کنندگان - بخش ۱ Create Suppliers Page Setup Part 1

• راه‌اندازی صفحه تأمین‌کنندگان - بخش ۲ Create Suppliers Page Setup Part 2

راه‌اندازی صفحه مشتریان Create Customers Page Setup

• راه‌اندازی صفحه مشتریان Create Customers Page Setup

راه‌اندازی صفحه کاربران Create Users Page Setup

• راه‌اندازی صفحه کاربران - بخش ۱ Create Users Page Setup Part 1

• راه‌اندازی صفحه کاربران - بخش ۲ Create Users Page Setup Part 2

راه‌اندازی صفحه برند محصولات Setup Product Brand Page

• راه‌اندازی صفحه برند محصول Setup Product Brand Page

راه‌اندازی صفحه دسته‌بندی محصولات Setup Product Category Page

• ایجاد صفحه دسته‌بندی محصول Create Product Category Page

راه‌اندازی صفحه محصولات موجودی Setup Inventory Product Page

• راه‌اندازی صفحه محصول موجودی - بخش ۱ Setup Inventory Product Page Part 1

• راه‌اندازی صفحه محصول موجودی - بخش ۲ Setup Inventory Product Page Part 2

• راه‌اندازی صفحه محصول موجودی - بخش ۳ Setup Inventory Product Page Part 3

• راه‌اندازی صفحه محصول موجودی - بخش ۴ Setup Inventory Product Page Part 4

• راه‌اندازی صفحه محصول موجودی - بخش ۵ Setup Inventory Product Page Part 5

راه‌اندازی صفحه تعدیلات موجودی Setup Inventory Adjustments Page

• راه‌اندازی صفحه تعدیلات موجودی - بخش ۱ Setup Inventory Adjustments Page Part 1

• راه‌اندازی صفحه تعدیلات موجودی - بخش ۲ Setup Inventory Adjustments Page Part 2

• راه‌اندازی صفحه تعدیلات موجودی - بخش ۳ Setup Inventory Adjustments Page Part 3

• رفع باگ‌ها Fixed The Bugs

راه‌اندازی خرید محصولات موجودی Setup Inventory Product Purchases

• راه‌اندازی خرید محصول موجودی - بخش ۱ Setup Inventory Product Purchases Part 1

• راه‌اندازی خرید محصول موجودی - بخش ۲ Setup Inventory Product Purchases Part 2

• راه‌اندازی خرید محصول موجودی - بخش ۳ Setup Inventory Product Purchases Part 3

• راه‌اندازی خرید محصول موجودی - بخش ۴ Setup Inventory Product Purchases Part 4

• راه‌اندازی خرید محصول موجودی - بخش ۵ Setup Inventory Product Purchases Part 5

• رفع باگ‌های ماژول خرید Fixed the Bugs In Purchase Module

• چگونه کد خود را از Git Commit بازیابی کنید How to Restore Your Code from Git Commit

• بررسی صفحه مجموع خرید محصول Check Product Purchases Total Page

• به‌روزرسانی طراحی PDF در صفحه خرید Update Page PDF Design in Purchase Page

راه‌اندازی مرجوعی خرید موجودی Setup Inventory Purchases Return

• راه‌اندازی مرجوعی خرید موجودی - بخش ۱ Setup Inventory Purchases Return Part 1

• راه‌اندازی مرجوعی خرید موجودی - بخش ۲ Setup Inventory Purchases Return Part 2

• راه‌اندازی مرجوعی خرید موجودی - بخش ۳ Setup Inventory Purchases Return Part 3

• راه‌اندازی مرجوعی خرید موجودی - بخش ۴ Setup Inventory Purchases Return Part 4

راه‌اندازی فروش محصولات موجودی Setup Inventory Product Sales

• راه‌اندازی فروش محصول موجودی - بخش ۱ Setup Inventory Product Sales Part 1

• راه‌اندازی فروش محصول موجودی - بخش ۲ Setup Inventory Product Sales Part 2

• راه‌اندازی فروش محصول موجودی - بخش ۳ Setup Inventory Product Sales Part 3

• راه‌اندازی فروش محصول موجودی - بخش ۴ Setup Inventory Product Sales Part 4

• بررسی فروش محصول موجودی Check Inventory Product Sales

راه‌اندازی مرجوعی فروش موجودی Setup Inventory Sales Return

• راه‌اندازی مرجوعی فروش موجودی - بخش ۱ Setup Inventory Sales Return Part 1

• راه‌اندازی مرجوعی فروش موجودی - بخش ۲ Setup Inventory Sales Return Part 2

• راه‌اندازی مرجوعی فروش موجودی - بخش ۳ Setup Inventory Sales Return Part 3

• راه‌اندازی مرجوعی فروش موجودی - بخش ۴ Setup Inventory Sales Return Part 4

• رفع باگ‌های مرجوعی فروش Fixed Bugs for Sales Return

راه‌اندازی انتقال محصولات موجودی Setup Inventory Product Transfer

• راه‌اندازی انتقال محصول موجودی - بخش ۱ Setup Inventory Product Transfer Part 1

• راه‌اندازی انتقال محصول موجودی - بخش ۲ Setup Inventory Product Transfer Part 2

• راه‌اندازی انتقال محصول موجودی - بخش ۳ Setup Inventory Transfer Product Part 3

• بررسی ماژول انتقال محصول موجودی Check Inventory Product Transfer Module

راه‌اندازی ماژول هزینه‌ها Setup Expenses Module

• راه‌اندازی ماژول دسته‌بندی هزینه‌ها Setup Expenses Category Module

• راه‌اندازی ماژول هزینه‌ها - بخش ۱ Setup Expenses Module Part 1

• راه‌اندازی ماژول هزینه‌ها - بخش ۲ Setup Expenses Module Part 2

راه‌اندازی مجوزهای نقش کاربر در موجودی Inventory User Roles Permission Setup

• راه‌اندازی مجوزهای نقش کاربر - بخش ۱ Inventory User Roles Permission Setup Part 1

• راه‌اندازی مجوزهای نقش کاربر - بخش ۲ Inventory User Roles Permission Setup Part 2

• راه‌اندازی مجوزهای نقش کاربر - بخش ۳ Inventory User Roles Permission Setup Part 3

• راه‌اندازی مجوزهای نقش کاربر - بخش ۴ Inventory User Roles Permission Setup Part 4

• بررسی ماژول مجوزهای نقش‌ها Check Roles Permission Module

به‌روزرسانی صفحه داشبورد ادمین Update Admin Dashboard Page

• به‌روزرسانی صفحه داشبورد ادمین - بخش ۱ Update Admin Dashboard Page Part 1

• به‌روزرسانی صفحه داشبورد ادمین - بخش ۲ Update Admin Dashboard Page Part 2

• به‌روزرسانی صفحه داشبورد ادمین - بخش ۳ Update Admin Dashboard Page Part 3

ماژول کامل گزارشات موجودی Inventory Complete Report Module

• ماژول کامل گزارشات موجودی - بخش ۱ Inventory Complete Report Module Part 1

• ماژول کامل گزارشات موجودی - بخش ۲ Inventory Complete Report Module Part 2

• ماژول کامل گزارشات موجودی - بخش ۳ Inventory Complete Report Module Part 3

• بررسی ماژول گزارشات Check Report Module

راه‌اندازی ماژول POS موجودی Inventory POS Module Setup

• راه‌اندازی ماژول POS موجودی - بخش ۱ Inventory POS Module Setup Part 1

• راه‌اندازی ماژول POS موجودی - بخش ۲ Inventory POS Module Setup Part 2

• راه‌اندازی ماژول POS موجودی - بخش ۳ Inventory POS Module Setup Part 3

• بررسی ماژول POS موجودی Check Inventory POS Module

• به‌روزرسانی طراحی ماژول POS Update POS Module Design

اتمام پروژه با لودر Finishing The Project with Loader

• اتمام پروژه با لودر Finishing The Project with Loader

استقرار روی سرور زنده Deploy to Live Server

• استقرار روی سرور زنده - بخش ۱ Deploy to Live Server Part 1