دوره آموزشی ساخت اپلیکیشن پیگیری با React، Supabase و Cursor

جزئیات دوره

در این دوره، یاد می‌گیرید چگونه یک اپلیکیشن Follow-Up با استفاده از React، Supabase و دستیار کدنویسی AI Cursor بسازید. مدرس دوره، Ayodele Aransiola، ابتدا به شما نشان می‌دهد چگونه یک اسکیمای چندنقش در Supabase طراحی کنید و سیاست‌های امنیت سطح ردیف (Row-Level Security) را برای کاربران، زیرمدیران و سوپرمیدیران اعمال کنید. سپس می‌آموزید چگونه از پیشنهادهای AI در Cursor برای ایجاد و بهبود کامپوننت‌های React بهره ببرید. در ادامه، یک فرم چندمرحله‌ای مطابق با استاندارد GDPR طراحی می‌کنید که رضایت کاربران را ثبت می‌کند و لاگ‌های حسابرسی هَش‌شده و غیرقابل تغییر ایجاد می‌کند. در نهایت، یاد می‌گیرید چگونه اپلیکیشن خود را به محیط تولید (Production) منتقل کنید. پس از اتمام این دوره، یک اپلیکیشن آماده تولید خواهید داشت که تعادل بین بهره‌وری توسعه‌دهنده و رعایت حریم خصوصی و انطباق با قوانین را حفظ می‌کند.

اهداف یادگیری
طراحی اسکیمای چندنقش در Supabase و پیاده‌سازی سیاست‌های امنیت سطح ردیف برای اعمال اصل حداقل دسترسی با کمک دستیار AI.
ایجاد کامپوننت‌های React با استفاده از پیشنهادهای Cursor AI.
توسعه یک اپلیکیشن کاملاً آماده با کمک Cursor AI.

سرفصل ها

مقدمه

یک اپلیکیشن پیگیری پیشرفته بسازید

راه‌اندازی پروژه

آنچه خواهید ساخت

اصول اولیه سوپابیس

پروژه و طرح Supabase
جداول و روابط
توابع Auth، RLS و Edge

کدهای شروع‌کننده

بوت‌استرپ React، Tailwind و shadcn
کد اعلان برای اجزای فرم و جدول
اصلاح کدهای تولید شده
قابلیت ورود و داشبورد

فرم و رضایت کاربر

فرم چند مرحله‌ای با React
ذخیره پرچم‌های رضایت و داده‌های فرم در Supabase
تجربه کاربری و ایست بازرسی

ثبت وقایع حسابرسی و حریم خصوصی داده‌ها

طراحی جدول حسابرسی تغییرناپذیر
هش کردن PII

گردش کار پیگیری و ادغام ایمیل

توابع لبه Supabase
منطق صف‌بندی و محدودکننده سرعت
یکپارچه‌سازی ارسال مجدد برای ایمیل‌های ارسالی
تکمیل داشبورد مدیریتی

نتیجه‌گیری

استقرار در ورسل
ایده‌های بیشتر - پیامک، CRM و موبایل
مراحل بعدی