دوره آموزشی
دوبله زبان فارسی
پلتفرم Next JS OTT با استفاده از Mongo DB ،Tailwind CSS و Ant D
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- پیادهسازی احراز هویت کاربران با استفاده از کتابخانه مدیریت کاربران clerk که شامل ثبت نام کاربر جدید، تأیید ایمیل، ورود، میان افزارها و غیره میشود.
- ساخت تمام کامپوننتهای رابط کاربری با استفاده از ترکیب Tailwind CSS و Ant Design
- کاربران پس از ورود قادر خواهند بود اشتراکهای موجود در اپلیکیشن را خریداری کنند.
- پرداختهای اشتراک کاربران با استفاده از درگاه پرداخت stripe انجام خواهد شد.
- پس از خرید اشتراک، کاربران میتوانند هر فیلم یا سریال موجود در اپلیکیشن را تماشا کنند.
- کاربرانی که اشتراکی ندارند تنها اجازه مشاهده تریلرها و مجموعه های اینترنتی را خواهند داشت.
- تنها مدیران قادر به افزودن، ویرایش و حذف فیلمها و مجموعه های اینترنتی خواهند بود.
- تمام محتوای رسانهای در فضای ذخیرهسازی firebase آپلود خواهد شد.
- مدیران میتوانند تمام کاربران، اشتراکها و گزارشها را پیگیری کنند.
- تمام اپلیکیشن ریسپانسیو خواهد بود و روی دسکتاپ، آیپد و موبایل قابل مشاهده است.
- برای هر بخش، کد منبع بهصورت جداگانه ارائه خواهد شد.
- پشتیبانی سوال و جواب
پیشنیازهای دوره
- مبانی React
- مبانی Next
توضیحات دوره
به دوره اپلیکیشن پلتفرمNext.js 14 OTTدر سال 2024 خوش آمدید.
در این دوره، قصد داریم یک اپلیکیشن فول استک پلتفرم OTT بسازیم که شباهت زیادی به نتفلیکس و پرایم دارد. برای ساخت این اپلیکیشن فوقالعاده جذاب از آخرین نسخه Nextjs استفاده خواهیم کرد. ویژگیها و تکنولوژیهای پروژه به شرح زیر هستند.
تکنولوژیهای مورد استفاده
- Nextjs نسخه 14 برای فرانتاند و بکاند
- MongoDB برای پایگاه داده
- Firebase برای فضای ذخیرهسازی
- Zustand برای مدیریت state
- AntDesign برای ساخت کامپوننتهای رابط کاربری
- Tailwindcss برای استایلدهی و سفارشیسازی کامپوننتهای UI
- Clerk برای احراز هویت
ویژگیها
- ساخت احراز هویت کاربران با استفاده از کتابخانه مدیریت کاربر clerk که شامل ثبت نام کاربر جدید، تأیید ایمیل، ورود، میان افزارها و غیره میشود.
- ساخت تمام کامپوننتهای رابط کاربری با استفاده از ترکیب Tailwind CSS و Ant Design
- کاربران پس از ورود قادر به خرید اشتراکهای موجود در اپلیکیشن خواهند بود.
- مدیریت پرداختهای اشتراک کاربران با ادغام درگاه پرداخت stripe انجام میشود.
- پس از خرید اشتراک، کاربران میتوانند هر فیلم یا سریال داخل اپلیکیشن را مشاهده کنند.
- کاربران میتوانند همه فیلمها و مجموعه های اینترنتی را در صفحه اصلی جستجو کنند.
- کاربرانی که اشتراک ندارند فقط امکان تماشای تریلر و مجموعه های اینترنتی را خواهند داشت.
- تنها مدیران قادر به اضافه، ویرایش و حذف فیلمها و مجموعه های اینترنتی خواهند بود.
- تمام محتوای رسانهای در فضای ذخیرهسازی firebase آپلود خواهد شد.
- مدیران میتوانند همه کاربران، اشتراکها و گزارشها را پیگیری کنند.
- در گزارشها تعداد کل کاربران، کل اشتراکها، اشتراکهای فعال و کل درآمد نمایش داده میشود.
- تمام اپلیکیشن ریسپانسیو است و در دسکتاپ، آیپد و موبایل قابل مشاهده خواهد بود.
- برای هر بخش، کد منبع بهصورت جداگانه ارائه میشود.
- پشتیبانی پرسش و پاسخ
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فولاستک
پلتفرم Next JS OTT با استفاده از Mongo DB ،Tailwind CSS و Ant D
-
ساخت اپلیکیشن Next 07:08
-
تم Antd در سطح کلی 07:07
-
نصب antd 08:08
-
بازنویسی استایل پیشفرض antd 09:50
-
معرفی و راهاندازی clerk 06:28
-
راهاندازی احراز هویت پایه clerk 08:52
-
صفحات ورود و ثبتنام سفارشی 03:59
-
دریافت جزئیات کاربر 10:03
-
استایلدهی صفحات احراز هویت - بخش 1 13:20
-
استایلدهی صفحات احراز هویت - بخش 2 07:05
-
راهاندازی اتصال MongoDB 04:58
-
مدل کاربر 05:21
-
ذخیره کاربر 10:23
-
طرحبندی - بخش 1 13:16
-
طرحبندی - بخش 2 06:37
-
طرحبندی - بخش 3 06:30
-
طرحبندی بخش 4 15:03
-
راهاندازی ابزار مدیریت zustand state 08:50
-
نمایش اسپینرها 07:31
-
مدل نمایش 06:16
-
نمایش عملیات سرور 05:25
-
ساختار پوشهها 10:58
-
فرم نمایش - مراحل 08:06
-
فرم نمایش - مرحله پایه 14:50
-
فرم نمایش - مرحله بازیگران و عوامل 15:15
-
فرم نمایش - مرحله رسانه - بخش 1 07:59
-
فرم نمایش - مرحله رسانه - بخش 2 15:05
-
فرم نمایش - مرحله رسانه - بخش 3 03:32
-
ادغام Firebase 06:19
-
منطق آپلود رسانه در Firebase 05:24
-
ذخیره نمایش 13:26
-
نشان دادن نمایشها 19:24
-
ویرایش نمایش - بخش 1 06:22
-
ویرایش نمایش - بخش 2 07:59
-
حذف نمایش 05:54
-
رفع اشکال 01:07
-
نشان دادن نمایشها در صفحه اصلی 09:20
-
صفحه اطلاعات نمایش - بخش 1 14:16
-
صفحه اطلاعات نمایش - بخش 2 09:58
-
افزودن پلیر ویدئو 04:35
-
جزئیات کاربر 08:12
-
نمایش اشتراکهای موجود 09:39
-
معرفی و راهاندازی Stripe 03:40
-
بکاند Stripe 08:50
-
فرانتاند Stripe 14:13
-
مدل اشتراک 05:57
-
APIهای اشتراک 15:29
-
نمایش اشتراکهای خریداریشده 13:28
-
شرط بررسی اشتراک برای فیلمها 08:40
-
شرط بررسی اشتراک برای مجموعه های اینترنتی 10:01
مشخصات آموزش
پلتفرم Next JS OTT با استفاده از Mongo DB ،Tailwind CSS و Ant D
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:50
- مدت زمان :09:01:59
- حجم :4.05GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy