در این دوره جامع، شما با ساخت یک پلتفرم بازار دوره‌های آنلاین بر پایه Next.js 14 آشنا می‌شوید. این پروژه شامل مدیریت دوره‌ها، آشنایی با SSR و ISR، سیستم احراز هویت، پرداخت آنلاین و بخش مدیریت پیشرفته خواهد بود. با دانلود رایگان این اپلیکیشن، گامی بزرگ در مسیر توسعه وب مدرن و واکنش‌گرا برمی‌دارید.

• پیکربندی محیط توسعه با Next.js 14 و Turbopack.
• مفاهیم جدید App Router و سطوح ایده‌آل برای کامپوننت‌های مدرن.
• ایجاد صفحات ایستا (Static Generation) و سرور ساید رندر (Server-Side Rendering).
• پیاده‌سازی احراز هویت با JWT و سرویس‌های OAuth.
• طراحی رابط کاربری با Tailwind CSS و کامپوننت‌های قابل استفاده مجدد.
• یکپارچه‌سازی درگاه پرداخت (Stripe) برای فروش دوره‌ها.
• مدیریت دیتابیس با Prisma و PostgreSQL.
• پیاده‌سازی پنل مدیریت برای مدرسان و ادمین.
• استفاده از Image Optimization و Edge Functions برای بهینه‌سازی سرعت.

این دوره به شما امکان می‌دهد:

• سریعاً یک پروژه واقعی e-Learning Marketplace را راه‌اندازی کنید.
• مهارت‌های خود در فریم‌ورک Next.js را به سطح پیشرفته ارتقا دهید.
• با بهترین شیوه‌های SEO و بهینه‌سازی عملکرد وبسایت آشنا شوید.
• چگونگی مدیریت هم‌زمان کاربران عادی، مدرسان و ادمین را یاد بگیرید.
• استانداردهای امنیتی و احراز هویت در وب را به صورت عملی تجربه کنید.

• آشنایی پایه با JavaScript (ES6+).
• آشنایی اولیه با React و JSX.
• مفاهیم پایه HTML و CSS.
• نصب Node.js و npm روی سیستم.

• مقدمه و راه‌اندازی پروژه

  بررسی ساختار پوشه‌ها، تنظیم tsconfig.json و نصب پکیج‌های ضروری.

• App Router و صفحات داینامیک

  ایجاد مسیرهای استاتیک و داینامیک برای دسته‌بندی دوره‌ها و پروفایل کاربران.

• استفاده از Server Components

  تفکیک منطقی کامپوننت‌ها به Server و Client Components.

• احراز هویت و مدیریت نشست

  راه‌اندازی JWT، NextAuth.js و صفحات لاگین/ثبت‌نام.

• طراحی UI با Tailwind CSS

  پیاده‌سازی طرح واکنش‌گرا، مودال‌ها و منوهای کشویی.

• یکپارچه‌سازی پرداخت Stripe

  ثبت سفارش، وب‌هوک‌ها و مدیریت خطاهای پرداخت.

• پنل مدیریت مدرسان و ادمین

  ساخت داشبورد برای گزارش‌گیری، افزودن دوره و مدیریت کاربران.

• بهینه‌سازی با Image Component

  بارگذاری تنبل تصاویر و پشتیبانی از فرمت‌های AVIF/WebP.

• استقرار نهایی

  دیپلوی روی Vercel با تنظیمات Environment Variables و Edge Functions.

در طول دوره، با مثال‌هایی مانند:

• نوشتن تابع getStaticProps برای واکشی لیست دوره‌ها از دیتابیس.
• ایجاد فرم چند مرحله‌ای ثبت‌نام با استفاده از useState و اعتبارسنجی سمت کلاینت.
• ساخت کامپوننت چت ساده بین کاربر و مدرس با WebSocket و API Routes در Next.js 14.
• به‌کارگیری Edge Middleware برای ریدایرکت خودکار کاربر وارد شده.
• تنظیم لینک‌های اختصاصی برای هر دوره با dynamic routing.

با تکمیل این دوره، شما توانایی ساخت یک پلتفرم کامل فروش و مدیریت دوره‌های آنلاین را خواهید داشت. تمامی مراحل از طراحی رابط تا استقرار نهایی را آموخته و آماده‌اید پروژه‌های بزرگ‌تر را با Next.js 14 بسازید. اکنون می‌توانید اپلیکیشن را دانلود رایگان کرده و بلافاصله شروع به یادگیری نمایید.