آموزش پایه و اساس وایب کدینگ (Vibe Coding): ساخت اپلیکیشن‌های SaaS تجاری با هوش مصنوعی - آخرین آپدیت

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

ذهنیت معمار —قبل از پرامپت نویسی فکر کنید The Architect Mindset — Think Before You Prompt

• خوش‌آمدگویی —ابتدا ببینید چه چیزی خواهید ساخت Welcome — See What You'll Build First

• سرفصل‌های دوره Course Outline

• از وایب کدینگ تا ساختاریافته —آنچه واقعاً جواب می‌دهد From Vibe Coding to Structured Building — What Actually Works

• متد —فریم‌ورک PRD →پرامپت →ساخت →اعتبارسنجی →عرضه The Method — The PRD → Prompt → Build → Validate → Ship Framework

• چرا توسعه ساختاریافته همیشه از رویکردهای «اول پرامپت» بهتر عمل می‌کند Why Structured Development Consistently Outperforms Prompt-First Approaches

• چهار پرسونای فضای ابزارهای AI —طراح، سازنده، بازبین، مستقرکننده The 4 Personas of the AI Tool Landscape — Designer, Builder, Reviewer, Deployer

• فریم‌ورک انتخاب ابزار —تطبیق قابلیت‌های AI با مراحل ساخت Tool Selection Framework — Matching AI Capabilities to Build Phases

• برقراری پایه کنترل نسخه با GitHub Setting Up Your Version Control Foundation with GitHub

• پیکربندی Supabase به عنوان انبار داده‌های اپلیکیشن Configuring Supabase as Your Application Data Warehouse

• استقرار در محیط تولید با Lovable AI و Vercel Deploying to Production with Lovable AI and Vercel

• منابع پیوست Attached Resources

• پیوستن به جامعه دیسکورد ما Join Our Discord Community

نوشتن سند نیازمندی‌های محصول (PRD) —نقشه‌ای که AI به آن نیاز دارد Writing Your Product Requirements Document — The Blueprint AI Needs

• PRD چیست و چرا AI بدون آن نمی‌تواند به خوبی بسازد What Is a PRD and Why AI Cannot Build Well Without One

• کالبدشکافی یک PRD حرفه‌ای —بخش‌های 1 تا 4 Anatomy of a Professional PRD — Sections 1–4

• کالبدشکافی یک PRD حرفه‌ای —بخش‌های 5 تا 7 Anatomy of a Professional PRD — Sections 5–7

• کالبدشکافی یک PRD حرفه‌ای —بخش‌های 8 تا 11 Anatomy of a Professional PRD — Sections 8–11

• کالبدشکافی یک PRD حرفه‌ای —بخش‌های 12 تا 14 Anatomy of a Professional PRD — Sections 12–14

• نوشتن یک PRD واقعی از صفر —تعریف پروژه و پرسونای کاربران Writing a Real PRD from Scratch — Project Definition and User Personas

• نوشتن یک PRD واقعی —مشخصات ویژگی‌ها، داستان‌های کاربر و معیارهای پذیرش Writing a Real PRD — Feature Specs, User Stories and Acceptance Criteria

• نوشتن یک PRD واقعی از صفر —استک تکنولوژی و محدوده پروژه Writing a Real PRD from Scratch — Tech Stack and Scope

• تکمیل PRD —طرح‌های داده (Data Schemas) Completing Your PRD — Data Schemas

• تکمیل PRD —احراز هویت، UI و API Completing Your PRD — Auth, UI and API

• مرور نهایی PRD —امنیت، حالت‌های خطا و معیارهای موفقیت Final PRD Walkthrough — Security, Error States and Success Metrics

از PRD تا اولین دستور AI —فعال‌سازی نقشه From PRD to Your First AI Instruction — Activating the Blueprint

• استفاده از AI برای ارتقا و ساختاردهی PRD —قالب‌ها و تکنیک‌های پرامپت Using AI to Enhance and Structure Your PRD — Prompt Templates and Techniques

• بهبود PRD با کمک AI —پر کردن شکاف‌ها و دقیق کردن مشخصات AI-Assisted PRD Refinement — Filling Gaps and Tightening Specifications

• تبدیل بخش‌های PRD به دستورات عملی برای AI —بخش اول Translating PRD Sections into Actionable AI Instructions — Part 1

• تبدیل بخش‌های PRD به دستورات عملی برای AI —بخش دوم Translating PRD Sections into Actionable AI Instructions — Part 2

• منابع پیوست Attached Resources

شروع ساخت —اولین پرامپت، همگام‌سازی GitHub و تنظیمات محیط محلی Launching the Build — First Prompt, GitHub Sync and Local Dev Setup

• ارسال اولین پرامپت AI —تبدیل نقشه به یک UI فعال Sending Your First AI Prompt — Turning the Blueprint into a Running UI

• فریم‌ورک اعتبارسنجی —چگونه خروجی AI را بدون پذیرش کورکورانه بازبینی کنیم The Validation Framework — How to Review AI Output Without Accepting It Blindly

• اتصال پروژه به GitHub برای کنترل نسخه بین ابزاری —بخش اول Connecting Your Project to GitHub for Cross-Tool Version Control — Part 1

• اتصال پروژه به GitHub برای کنترل نسخه بین ابزاری —بخش دوم Connecting Your Project to GitHub for Cross-Tool Version Control — Part 2

• تنظیم محیط محلی —Node.js و سرور توسعه Setting Up Your Local Environment — Node.js and the Dev Server

• MCP —پروتکل کانتکست مدل: ابزارهای AI چگونه با کد شما صحبت می‌کنند MCP — The Model Context Protocol: How AI Tools Talk to Your Codebase

• نصب و پیکربندی Claude Desktop در ویندوز و مک Installing and Configuring Claude Desktop on Windows and macOS

• نصب و پیکربندی OpenAI Codex Desktop در ویندوز و مک Installing and Configuring OpenAI Codex Desktop on Windows and macOS

• نصب و پیکربندی Google Antigravity در ویندوز و مک Installing and Configuring Google Antigravity on Windows and macOS

• نصب و پیکربندی Cursor در ویندوز و مک Installing and Configuring Cursor on Windows and macOS

ساخت ویژگی‌های اصلی —دیتابیس، احراز هویت و مدیریت مشتری Building Core Features — Database, Auth and Client Management

• پیکربندی فضای کاری توسعه محلی و کنترل نسخه GitHub Configuring the Local Development Workspace and GitHub Version Control

• مدیریت کلیدهای دیتابیس و بهترین روش‌های امنیت در سطح محیط (Env) Database Key Management and Environment-Level Security Best Practices

• یکپارچه‌سازی دیتابیس Supabase و مهاجرت‌های طرح داده از طریق MCP Supabase Database Integration and Schema Migrations via MCP

• اجرای سرور محلی و تست کامل جریان احراز هویت Launching the Local Server and Testing the Authentication Flow End-to-End

• پل IDEهای AI —همگام‌سازی Lovable، Antigravity و Claude از طریق GitHub The AI IDE Bridge — Syncing Lovable, Antigravity and Claude via GitHub

• طراحی فرم هوشمند پذیرش مشتری با استفاده از پرامپت‌های ساختاریافته AI Designing a Smart Client Intake Form Using Structured AI Prompting

• ساخت داشبورد مشتری —ستون‌های پویا، فیلترها و پیش‌نمایش فاکتور Building the Client Dashboard — Dynamic Columns, Filters and Invoice Preview

• پیاده‌سازی فراموشی رمز عبور و بازیابی امن احراز هویت Implementing Forgot Password and Secure Authentication Recovery

مدیریت نشست‌های AI —رفع باگ‌ها، بازیابی کانتکست و اعتبارها AI Session Management — Bug Fixes, Context Recovery and Credits

• پروتکل اصلاح —هدایت AI به روش یک توسعه‌دهنده ارشد The Correction Protocol — Directing AI the Way a Senior Developer Would

• نوشتن گزارش‌های باگ ساختاریافته که AI بتواند روی آن‌ها عمل کند —دموی زنده Writing Structured Bug Reports That AI Can Act On — Live Demo

• فروپاشی پنجره کانتکست —شناسایی و بازنشانی ایمن نشست Context Window Collapse — Recognising It and Resetting the Session Safely

• استراتژی تخصیص اعتبار —تطبیق مدل AI مناسب با تسک مناسب Credit Allocation Strategy — Matching the Right AI Model to the Right Task

• دسته‌بندی پرامپت‌ها و به حداقل رساندن مصرف توکن بدون کاهش کیفیت خروجی Batching Prompts and Minimising Token Usage Without Losing Output Quality

• بونوس —راه‌اندازی پروژه مستقیماً از منابع دوره Bonus — Setting Up Your Project Directly from Course Resources

• منابع پیوست Attached Resources

ویژگی‌های سطح تولید —سیستم فاکتور، ارتقای UI و تصمیم‌گیری در مورد ابزارها Production Features — Invoice System, UI Upgrades and Tool Decisions

• مهندسی پرامپت سازنده فاکتور —حل مشکل پرداخت فریلنسرها Engineering the Invoice Builder Prompt — Solving the Freelancer Payment Problem

• ساخت سیستم فاکتور و عیب‌یابی خطاهای محاسباتی آیتم‌ها Building the Invoice System and Debugging Line-Item Calculation Errors

• داشبورد فاکتور —نشانگرهای وضعیت، فیلترها و معماری کامپوننت‌ها Invoice Dashboard — Status Indicators, Filters and Component Architecture

• اصلاح پایداری وضعیت فرم —عیب‌یابی دراپ‌داون‌های مشتری در حالت ویرایش Fixing Form State Persistence — Debugging Client Dropdowns in Edit Mode

• Lovable در مقابل v0 —انتخاب ابزار مناسب برای اصلاح و صیقل دادن UI Lovable vs v0 — Choosing the Right Tool for UI Refinement and Polish

• همگام‌سازی Lovable و v0 از طریق GitHub —یکپارچه‌سازی زنده چند ابزاری Syncing Lovable and v0 Through GitHub — Live Multi-Tool Integration

• ادغام کامپوننت‌های UI از v0 در کدبیس و اعتبارسنجی طراحی نهایی Merging v0 UI Components into Your Codebase and Validating the Final Design

• ماتریس تصمیم‌گیری ابزار —فریم‌ورکی برای انتخاب ابزارهای AI با اطمینان The Tool Decision Matrix — A Framework for Choosing AI Tools With Confidence

عرضه نسخه 1.0 —میکروکپی، اعتبارسنجی میان‌ساخت و بازیابی کانتکست Shipping v1.0 — Microcopy, Mid-Build Validation and Context Recovery

• ممیزی میکروکپی —بازنویسی تمام متون UI برای انسانی‌تر شدن The Microcopy Audit — Rewriting Every UI String to Sound Human

• پرامپت دسته‌ای میکروکپی —ساختار، اجرا و اعتبارسنجی هر رشته متنی Microcopy Batch Prompt — Structure, Execute and Validate Every String

• اعتبارسنجی میان‌ساخت —سیستم ۳ چک‌پوینت برای شناسایی زودهنگام خطاها Mid-Build Validation — The 3-Checkpoint System for Catching Errors Early

• اجرای هر سه چک‌پوینت اعتبارسنجی روی پورتال مشتری به صورت زنده Running All Three Validation Checkpoints on Client Portal Live

• فروپاشی پنجره کانتکست —علل، علائم و ۴ نشانه هشدار Context Window Collapse — Causes, Symptoms and the 4 Warning Signs

• ساخت context.md —سند بازنشانی نشست برای هر مرحله ساخت Building context.md — The Session Reset Document for Every Build

• تولید context.md با AI و ادامه ساخت بدون نیاز به شروع مجدد Generating context.md with AI and Continuing Any Build Without Starting Over

• ارتقای طراحی PDF فاکتور و عرضه نسخه 1.0 پورتال مشتری Upgrading the Invoice PDF Design and Shipping Client Portal v1.0

• منابع پیوست Attached Resources

آماده‌سازی برای استقرار —سخت‌سازی امنیتی و اعتبارسنجی پیش از عرضه Deployment Prep — Security Hardening and Pre-Launch Validation

• وایب کدینگ در مقابل توسعه ساختاریافته —ساخت یک اپلیکیشن به هر دو روش Vibe Coding vs Structured Development — Building the Same App Both Ways

• چه اتفاقی می‌افتد وقتی PRD را حذف کنید —بررسی زنده عیب‌یابی What Breaks When You Skip the PRD — A Live Debugging Walk-Through

• یک پرامپت، دو پروژه —چرا خروجی AI بدون ساختار غیرقطعی است Same Prompt, Two Projects — Why AI Output Is Non-Deterministic Without Structure

• ساختار در مقابل لحن —یک قانون همیشگی Structure vs Voice — One Rule Forever

• سخت‌سازی امنیتی بخش اول —RLS، جداسازی داده‌ها و متغیرهای محیطی Security Hardening Part 1 — RLS, Data Isolation and Env Variables

• سخت‌سازی امنیتی بخش دوم —حفاظت از مسیرها و ممیزی ۱۲ مرحله‌ای Security Hardening Part 2 — Route Protection and the 12-Check Audit

استقرار در Vercel، رفع خطاهای بیلد و آنلاین کردن SaaS شما Deploying to Vercel, Fixing Build Errors and Shipping Your SaaS Live

• استقرار در Vercel بخش اول —پوش به GitHub و استقرار با کمک AI Deploying to Vercel Part 1 — GitHub Push and AI-Assisted Deployment

• استقرار در Vercel بخش دوم —رفع خطاهای بیلد و آنلاین شدن Deploying to Vercel Part 2 — Fixing Build Errors and Going Live

• آنچه واقعاً ساختید —متد دائمی است، ابزارها موقتی هستند What You Actually Built — The Method Is Permanent, the Tools Are Temporary

• منابع پیوست Attached Resources