آموزش ساخت اپلیکیشن با هوش مصنوعی: ایجاد برنامه پیگیری (Follow-Up) با React، Supabase و Cursor - آخرین آپدیت

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

مقدمه Introduction

• ساخت یک اپلیکیشن پیگیری پیشرفته Build a cutting-edge follow-up app

1. آماده‌سازی پروژه 1. Project Setup

• آنچه خواهید ساخت What you will build

2. مبانی Supabase 2. Supabase Fundamentals

• احراز هویت، RLS و Edge Functions Auth, RLS, and Edge Functions

• پروژه و شمای Supabase Supabase project and schema

• جداول و روابط Tables and relationships

3. کدهای اولیه 3. Starter Codes

• راه‌اندازی React، Tailwind و shadcn Bootstrapping React, Tailwind, and shadcn

• بازنویسی (Refactoring) کدهای تولید شده Refactoring generated codes

• پرامپت‌نویسی برای کامپوننت‌های فرم و جدول Prompting code for form and table components

• قابلیت ورود و داشبورد Login functionality and dashboard

4. فرم و رضایت کاربر 4. Form and User Consent

• ذخیره پرچم‌های رضایت و داده‌های فرم در Supabase Storing consent flags and form data in Supabase

• تجربه کاربری (UX) و بررسی نقاط کلیدی UX and checkpoint

• ساخت فرم چندمرحله‌ای با React Multistep form with React

5. لاگ‌های بازرسی و حریم خصوصی داده‌ها 5. Audit Logging and Data Privacy

• هش کردن داده‌های حساس (PII) Hashing PII

• طراحی جدول بازرسی تغییرناپذیر Designing immutable audit table

6. گردش کار پیگیری و یکپارچه‌سازی ایمیل 6. Follow-Up Workflow and Email Integration

• منطق صف‌بندی و محدودیت نرخ ارسال (Rate Limiting) Queueing and rate-limiting logic

• تکمیل داشبورد مدیریت Admin dashboard completion

• توابع لبه‌ای (Edge Functions) در Supabase Supabase Edge Functions

• یکپارچه‌سازی Resend برای ارسال ایمیل Integrating Resend for email sends

جمع‌بندی Conclusion

• استقرار در Vercel Deploying to Vercel

• ایده‌های تکمیلی: SMS، CRM و موبایل Further ideas: SMS, CRM, and mobile

• گام‌های بعدی Next steps