آنچه در این دوره خواهید آموخت:

• تسلط بر Next.js: یادگیری معماری App Router، Server Components و Client Components در جدیدترین نسخه‌های Next.js (نسخه‌های 13 و 14).
• مبانی Supabase: راه‌اندازی پروژه Supabase، مدیریت پایگاه داده PostgreSQL، کار با جداول و داده‌ها.
• پیاده‌سازی سیستم احراز هویت: ساخت سیستم‌های ثبت‌نام، ورود و خروج کاربران با استفاده از Supabase Auth، از جمله ورود با ایمیل/رمز عبور و ارائه‌دهندگان OAuth (مانند گوگل و گیت‌هاب).
• عملیات CRUD بر روی داده‌ها: انجام عملیات ایجاد (Create)، خواندن (Read)، به‌روزرسانی (Update) و حذف (Delete) داده‌ها در پایگاه داده Supabase.
• مدیریت فایل‌ها با Supabase Storage: آپلود و ذخیره‌سازی تصاویر، اسناد و سایر فایل‌ها، و همچنین مدیریت دسترسی‌ها.
• قابلیت‌های Realtime: استفاده از ویژگی‌های بلادرنگ Supabase برای ساخت اپلیکیشن‌های پویا مانند چت یا اعلان‌ها.
• مدیریت وضعیت (State Management): بهینه‌سازی مدیریت وضعیت در اپلیکیشن‌های Next.js.
• طراحی رابط کاربری ریسپانسیو: استفاده از فریم‌ورک‌های CSS مدرن مانند Tailwind CSS برای ساخت رابط‌های کاربری زیبا و واکنش‌گرا.
• بهینه‌سازی و استقرار: بهبود عملکرد اپلیکیشن، کشینگ داده‌ها و استقرار نهایی پروژه بر روی پلتفرم‌های ابری.
• امنیت و بهترین شیوه‌ها: آشنایی با اصول امنیتی در توسعه فول‌استک و پیاده‌سازی بهترین شیوه‌ها در کدنویسی.

مزایای شرکت در این دوره:

با اتمام این دوره، شما نه تنها مهارت‌های فنی خود را به سطحی جدید ارتقا می‌دهید، بلکه به یک توسعه‌دهنده فول‌استک آماده برای بازار کار تبدیل خواهید شد. این مزایا شامل موارد زیر است:

• کسب مهارت‌های پرتقاضا: Next.js و Supabase از جمله فناوری‌های بسیار مورد توجه در صنعت هستند که فرصت‌های شغلی فراوانی را ایجاد می‌کنند.
• ساخت پروژه‌های واقعی: با ساخت پروژه‌های عملی در طول دوره، نمونه کارهای قدرتمندی برای ارائه به کارفرمایان خواهید داشت.
• استقلال در توسعه: توانایی توسعه اپلیکیشن‌های کامل از ابتدا تا انتها بدون نیاز به همکاری با توسعه‌دهندگان بک‌اند جداگانه.
• یادگیری از طریق عمل: رویکرد عملی دوره به شما کمک می‌کند تا مفاهیم را به طور عمیق درک کرده و آن‌ها را در سناریوهای واقعی به کار بگیرید.
• آینده‌نگری در تکنولوژی: با یادگیری این ترکیب فناوری، برای روندهای آینده در توسعه وب آماده خواهید بود.

پیش‌نیازهای دوره:

برای بهره‌مندی حداکثری از مطالب این دوره، توصیه می‌شود که با مفاهیم زیر آشنایی اولیه داشته باشید:

• مبانی جاوااسکریپت (JavaScript) و تایپ‌اسکریپت (TypeScript): تسلط بر ES6 و مفاهیم پایه برنامه‌نویسی.
• آشنایی با React.js: درک مفاهیم کامپوننت‌ها، State، Props و Hooks.
• مبانی HTML و CSS: توانایی ساخت صفحات وب و استایل‌دهی اولیه.
• آشنایی با Node.js (اختیاری): اگرچه الزامی نیست، اما درک نحوه عملکرد Node.js می‌تواند مفید باشد.

بخش 1: مقدمه و راه‌اندازی محیط توسعه

• معرفی Next.js و Supabase: چرا این ترکیب؟
• نصب پیش‌نیازها: Node.js, npm/yarn, VS Code.
• راه‌اندازی اولین پروژه Next.js.
• ایجاد حساب کاربری و پروژه در Supabase.

بخش 2: مبانی Next.js (App Router)

• مسیریابی (Routing) و چیدمان‌ها (Layouts).
• Server Components در مقابل Client Components: تفاوت‌ها و کاربردها.
• فچ کردن داده‌ها (Data Fetching) در سمت سرور و کلاینت.
• API Routes: ساخت APIهای RESTful با Next.js.
• مدیریت خطاها و لودینگ.

بخش 3: کار با Supabase: پایگاه داده و احراز هویت

• مقدمه‌ای بر PostgreSQL و ساخت جداول در Supabase.
• مدیریت داده‌ها: درج، به‌روزرسانی، حذف و کوئری گرفتن.
• Supabase Auth: پیاده‌سازی ثبت‌نام و ورود کاربران.
• احراز هویت با ایمیل و رمز عبور.
• ادغام OAuth با پلتفرم‌های خارجی (Google, GitHub).
• مدیریت سشن‌های کاربران و محافظت از مسیرها.

بخش 4: قابلیت‌های پیشرفته Supabase و ادغام آن

• Supabase Storage: آپلود و مدیریت تصاویر و فایل‌ها.
• تنظیم قوانین دسترسی (Row Level Security).
• Supabase Realtime: پیاده‌سازی قابلیت‌های بلادرنگ (مثال: چت).
• استفاده از Supabase Edge Functions.

بخش 5: ساخت رابط کاربری و پروژه‌های عملی

• طراحی رابط کاربری با Tailwind CSS.
• ساخت کامپوننت‌های UI قابل استفاده مجدد.
• پروژه عملی 1: اپلیکیشن مدیریت وظایف (Task Manager):
  • ساخت یک اپلیکیشن کامل برای افزودن، ویرایش، حذف و فیلتر کردن وظایف.
  • پیاده‌سازی احراز هویت کاربر برای مدیریت وظایف شخصی.
  • استفاده از Realtime برای به‌روزرسانی فوری لیست وظایف.
• پروژه عملی 2: پلتفرم وبلاگ ساده (Simple Blog/CMS):
  • ایجاد، نمایش و مدیریت پست‌های وبلاگ.
  • پیاده‌سازی سیستم کامنت‌گذاری.
  • مدیریت کاربران و دسترسی‌ها (ادمین/کاربر).

بخش 6: بهینه‌سازی و استقرار

• بهینه‌سازی عملکرد Next.js (Image Optimization, Caching).
• استقرار پروژه Next.js و Supabase بر روی پلتفرم‌های ابری (مانند Vercel و Supabase Cloud).
• مدیریت متغیرهای محیطی و امنیت در تولید.
• عیب‌یابی و دیباگینگ.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان فرانت‌اند: کسانی که می‌خواهند مهارت‌های بک‌اند خود را تقویت کرده و به یک توسعه‌دهنده فول‌استک تبدیل شوند.
• توسعه‌دهندگان بک‌اند: علاقه‌مند به یادگیری Next.js و ساخت رابط‌های کاربری مدرن.
• دانشجویان و علاقه‌مندان: افرادی که می‌خواهند وارد دنیای توسعه وب مدرن شوند و پروژه‌های واقعی بسازند.
• کارآفرینان: کسانی که قصد دارند MVP (Minimum Viable Product) خود را به سرعت و با کیفیت بالا توسعه دهند.