مارکتپلیس دیجیتال تجارت الکترونیک فولاستک با Gen-AI و Next.js
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت مارکتپلیس دیجیتال فولاستک کامل مشابه ThemeForest با استفاده از Next.js و Node.js و MongoDB
- پیادهسازی احراز هویت امن و کنترل دسترسی مبتنی بر نقش (RBAC) برای انواع کاربران مختلف مانند مشتریان، فروشندگان، بازبینها و ادمینها
- توسعه REST APIs و سرویسهای بکاند با استفاده از مسیرهای API در Next.js و Node.js برای مدیریت کاربران، محصولات، سفارشها و تراکنشها
- یکپارچهسازی سیستمهای پرداخت مانند Stripe و PayPal و Razorpay و UPI برای پردازش امن خرید محصولات دیجیتال
- طراحی یک رابط کاربری مدرن و واکنشگرا برای مارکتپلیس با استفاده از React و Material UI (MUI) همراه با معماری پروژهای مقیاسپذیر
- ساخت داشبوردهای فروشنده و پنلهای ادمین برای مدیریت محصولات، کاربران، فروش و فعالیتهای مارکتپلیس
- پیادهسازی آپلود، ذخیرهسازی و سیستم دانلود امن برای فایلهای خریداری شده
- ایجاد ابزارهای مجهز به هوش مصنوعی با استفاده از Generative AI برای تولید خودکار توضیحات محصول، تگها و محتوای مارکتپلیس
- پیادهسازی سبد خرید، چکاوت و سیستم مدیریت سفارش برای یک گردشکار واقعی تجارت الکترونیک
- ساختاردهی و استقرار یک اپلیکیشن فولاستک مقیاسپذیر و آماده تولید که بتوان از آن به عنوان یک مارکتپلیس واقعی یا پلتفرم SaaS استفاده کرد.
پیشنیازهای دوره
- دانش پایه از JavaScript (متغیرها، توابع، آرایهها، آبجکتها)
- آشنایی پایه با React مفید است، اما الزامی نیست.
- درک پایه از HTML و CSS
- یک کامپیوتر با اتصال اینترنت
- نیازی به تجربه قبلی در بکاند نیست. Node.js و MongoDB و APIs و احراز هویت به صورت گامبهگام آموزش داده میشوند.
- نیازی به تجربه قبلی در هوش مصنوعی نیست. ابزارهای Generative AI از ابتدا توضیح داده میشوند.
توضیحات دوره
مارکتپلیس دیجیتال تجارت الکترونیک فولاستک با Gen-AI و Next.js
یک مارکتپلیس تجارت الکترونیک به سبک ThemeForest با Next.js و Node.js و MongoDB و Stripe و RBAC و ابزارهای Generative AI بسازید.
در این دوره کاملاً عملی، یاد میگیرید چگونه یک مارکتپلیس دیجیتال فولاستک مدرن مشابه ThemeForest یا Envato Market را با استفاده از جدیدترین فناوریهای وب از جمله Next.js و Node.js و MongoDB و Stripe و ابزارهای Generative AI بسازید.
این دوره برای توسعهدهندگانی طراحی شده که میخواهند اپلیکیشنهای واقعی و آماده تولید بسازند، نه فقط دموهای کوچک و آزمایشی
در پایان دوره، یک پلتفرم مارکتپلیس دیجیتال کاملاً تابعی خواهید ساخت که در آن کاربران میتوانند محصولات دیجیتال را به صورت امن آپلود، فروش و خریداری کنند.
شما یاد میگیرید چگونه احراز هویت، کنترل دسترسی مبتنی بر نقش (RBAC)، سیستمهای پرداخت، داشبوردهای ادمین، مدیریت محصولات دیجیتال و قابلیتهای مجهز به هوش مصنوعی را پیادهسازی کنید.
همه موارد را گامبهگام و از ابتدا میسازیم و هم توسعه فرانتاند و هم بکاند را پوشش میدهیم تا معماری کامل یک بازار واقعی را بهخوبی درک کنید.
آنچه خواهید ساخت:
یک پلتفرم کامل مارکتپلیس دیجیتال که در آن:
- کاربران میتوانند رجیستر و لاگین کرده و مدیریت پروفایل انجام دهند.
- فروشندگان میتوانند محصولات دیجیتال را آپلود کرده و بفروشند.
- مشتریان میتوانند محصولات را جستجو، خریداری و دانلود کنند.
- پرداختها به صورت امن با Stripe و Paypal و Razorpay و UPI پردازش میشوند.
- ادمینها میتوانند کاربران، محصولات و تراکنشها را مدیریت کنند.
- ابزارهای هوش مصنوعی به تولید توضیحات محصول، تگها و محتوا کمک میکنند.
پروژه نهایی یک مارکتپلیس آماده تولید مشابه ThemeForest خواهد بود.
آنچه یاد خواهید گرفت:
- ساخت مارکتپلیس فولاستک با Next.js و Node.js
- طراحی رابط کاربری مدرن و واکنشگرا با MUI
- ایجاد سیستمهای امن احراز هویت و مجوز
- پیادهسازی کنترل دسترسی مبتنی بر نقش (RBAC)
- مدیریت محصولات با استفاده از MongoDB و Mongoose
- ساخت REST APIs با مسیرهای API در Next.js
- پیادهسازی سبد خرید و سیستمهای چکاوت
- یکپارچهسازی پرداخت Stripe برای محصولات دیجیتال
- ساخت داشبوردهای ادمین و پنلهای فروشنده
- ایجاد ابزارهای مجهز به هوش مصنوعی برای تولید محتوای محصول
- مدیریت آپلود فایلها و دانلودهای دیجیتال
- ساختاردهی اپلیکیشن فولاستک مقیاسپذیر
فناوریهای مورد استفاده
- Next.js (App Router)
- React
- Node.js
- MongoDB + Mongoose
- درگاه پرداخت Stripe
- Material UI (MUI)
- Redux Toolkit
- کنترل دسترسی مبتنی بر نقش (RBAC)
- ابزارهای Generative AI
- توسعه REST API
مخاطبان دوره:
- توسعهدهندگانی که میخواهند اپلیکیشنهای واقعی فولاستک بسازند.
- توسعهدهندگان React که میخواهند Next.js را به طور کامل یاد بگیرند.
- توسعهدهندگانی که به ساخت پلتفرمهای مارکتپلیس علاقه دارند.
- فریلنسرهایی که میخواهند SaaS یا مارکتپلیسهای محصول بسازند.
- کسی که میخواهد وب اپلیکیشنهای مجهز به هوش مصنوعی یاد بگیرد.
پیشنیازهای دوره
- دانش پایه از JavaScript
- آشنایی پایه با React مفید است.
- نیازی به تجربه قبلی در بکاند نیست. همه موارد به صورت گامبهگام توضیح داده میشود.
چرا این دوره را بگذرانید؟
به جای ساخت اپلیکیشنهای ساده، این دوره روی ایجاد یک پلتفرم کامل و آماده تولید برای مارکتپلیس تمرکز دارد که نشان میدهد اپلیکیشنهای مدرن فولاستک واقعی چگونه ساخته میشوند.
درپایان دوره، دانش و اعتمادبهنفس لازم را برای ساخت مارکتپلیس دیجیتال خودتان، محصولات SaaS یا وب اپلیکیشنهای در مقیاس بزرگ به دست خواهید آورد.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فرانتاند که React را میشناسند و میخواهند یاد بگیرند چگونه با Next.js و Node.js اپلیکیشنهای کامل فولاستک بسازند.
- توسعهدهندگانی که میخواهند به جای آموزشهای ساده، پروژههای واقعی بسازند و نحوه کار پلتفرمهای مارکتپلیس در سطح تولید را درک کنند.
- فریلنسرها و توسعهدهندگانی که میخواهند ساخت مارکتپلیسهای محصولات دیجیتال، پلتفرمهای SaaS یا محصولات استارتاپی را یاد بگیرند.
- توسعهدهندگان React که میخواهند Next.js، مسیرهای API و معماری فولاستک را بهطور کامل یاد بگیرند.
- توسعهدهندگانی که به سیستمهای تجارت الکترونیک و مارکتپلیسهایی مانند ThemeForest و Envato یا پلتفرمهای دارایی دیجیتال علاقه دارند.
- توسعهدهندگانی که میخواهند نحوه یکپارچهسازی سیستمهای پرداخت مانند Stripe و PayPal و Razorpay و UPI را یاد بگیرند.
- توسعهدهندگانی که به وب اپلیکیشنهای مجهز به هوش مصنوعی علاقه دارند و میخواهند یاد بگیرند چگونه از ابزارهای Generative AI در پروژههای واقعی استفاده کنند.
- دانشجویان و مهندسان نرمافزار آینده که میخواهند با یک پروژه واقعی در سطح تولید، رزومه و پورتفولیوی خود را تقویت کنند.
مارکتپلیس دیجیتال تجارت الکترونیک فولاستک با Gen-AI و Next.js
-
مقدمه 29:42
-
بررسی پروژه 13:16
-
راهاندازی پروژه 18:11
-
راهاندازی قالب صفحه اصلی 21:30
-
راهاندازی قالب صفحه اصلی - بخش 2 19:12
-
راهاندازی قالب صفحه اصلی - بخش 3 12:47
-
راهاندازی قالب صفحه اصلی - بخش 4 05:55
-
رجیستر و کامپوننتهای قابل استفاده مجدد 22:35
-
رجیستر و کامپوننتهای قابل استفاده مجدد - بخش 2 12:14
-
رجیستر و کامپوننتهای قابل استفاده مجدد - بخش 3 09:53
-
رجیستر و کامپوننتهای قابل استفاده مجدد - بخش 4 11:34
-
اندپوینت api رجیستر 22:25
-
راهاندازی متغیرهای محیطی 14:50
-
راهاندازی متغیرهای محیطی - بخش 2 11:33
-
لاگین با Next-Auth 21:20
-
پیکربندی Next Auth - بخش 1 19:23
-
پیکربندی Next Auth - بخش 2 14:52
-
پروکسی و صفحه محافظت شده - بخش 1 22:21
-
پروکسی و صفحه محافظت شده - بخش 2 19:44
-
داشبورد کاربر - بخش 1 19:37
-
داشبورد کاربر - بخش 2 09:41
-
پروفایل کاربر - بخش 1 20:05
-
پروفایل کاربر - بخش 2 20:03
-
پروفایل کاربر - بخش 3 20:25
-
پروفایل کاربر - بخش 4 22:38
-
پروفایل کاربر - بخش 5 17:14
-
پروفایل کاربر - بخش 6 14:39
-
تغییر پسورد کاربر - بخش 1 21:01
-
تغییر پسورد کاربر - بخش 2 20:34
-
خروج از سیستم 11:04
-
راهاندازی قالب داشبورد ادمین - بخش 1 19:02
-
راهاندازی قالب داشبورد ادمین - بخش 2 11:36
-
راهاندازی قالب داشبورد ادمین - بخش 3 07:45
-
ایجاد فرم KYC - بخش 1 13:37
-
ایجاد فرم KYC - بخش 2 18:52
-
ایجاد فرم KYC - بخش 3 08:38
-
اندپوینت KYC API - بخش 1 15:07
-
اندپوینت KYC API - بخش 2 11:04
-
ایجاد فرم اعتبارسنجی KYC - بخش 1 20:42
-
ایجاد فرم اعتبارسنجی KYC - بخش 2 18:03
-
اندپوینت API اعتبارسنجی KYC - بخش 1 21:00
-
اندپوینت API اعتبارسنجی KYC - بخش 2 12:04
-
اندپوینت API اعتبارسنجی KYC - بخش 3 14:31
-
صفحه جدول درخواستهای KYC 15:04
-
واکشی داده درخواست KYC 22:10
-
رندر داده KYC در جدول 08:05
-
ایجاد صفحه بروزرسانی KYC - بخش 1 23:17
-
ایجاد صفحه بروزرسانی KYC - بخش 2 16:02
-
ایجاد صفحه بروزرسانی KYC - بخش 3 17:30
-
ایجاد صفحه بروزرسانی KYC - بخش 4 12:03
-
ایجاد صفحه بروزرسانی KYC - بخش 5 28:19
-
ایجاد صفحه بروزرسانی KYC - بخش 6 23:28
-
ایجاد صفحه بروزرسانی KYC - بخش 7 19:51
-
ایجاد صفحه بروزرسانی KYC - بخش 8 24:07
-
ایجاد صفحه بروزرسانی KYC - بخش 9 07:10
-
مدل دستهبندیها 06:33
-
تابع دریافت و ارسال دستهبندیها 14:09
-
تابع PUT و حذف دستهبندیها 14:19
-
slice دستهبندی - بخش 1 21:59
-
slice دستهبندی - بخش 2 15:55
-
راهاندازی React Redux Toolkit 14:49
-
فرم ایجاد دستهبندی - بخش 1 20:23
-
فرم ایجاد دستهبندی - بخش 2 06:57
-
ذخیره دستهبندی در پایگاه داده 15:24
-
رندر دستهبندی در جدول 24:37
-
کامپوننتهای ویرایش دستهبندی 18:03
-
بروزرسانی دستهبندی 08:32
-
مدل زیردستهبندی 05:14
-
تابع دریافت و ارسال زیردستهبندی 10:41
-
تابع PUT و حذف زیردستهبندی 07:48
-
slice زیردستهبندی 16:25
-
ایجاد زیردستهبندی 13:04
-
ایجاد زیردستهبندی نهایی 17:21
-
داشبورد نویسنده - بخش 1 10:35
-
داشبورد نویسنده - بخش 2 10:48
-
داشبورد نویسنده - بخش 3 05:32
-
جدول محصولات دیجیتال 25:02
-
مودال ایجاد دستهبندی 20:57
-
مدل آیتم 16:02
-
تابع دریافت و ارسال آیتم 22:46
-
تابع put و حذف آیتم 24:45
-
ایجاد slice آیتم نویسنده 19:11
-
ویرایشگر متن غنی Quill به عنوان کامپوننت React 15:15
-
ایجاد فرم محصول دیجیتال - بخش 1 17:50
-
ایجاد فرم محصول دیجیتال - بخش 2 و Gen AI 25:18
-
attributes دستهبندی - بخش 1 16:29
-
attributes دستهبندی - بخش 2 25:41
-
بخش فایل - بخش 1 24:19
-
بخش فایل - بخش 2 21:29
-
بخش فایل - بخش 3 08:27
-
کامپوننت آپلود چند فایل - بخش 1 06:30
-
کامپوننت آپلود چند فایل - بخش 2 19:30
-
کامپوننت آپلود چند فایل - بخش 3 07:33
-
کامپوننت آپلود چند فایل - بخش 4 13:48
-
کامپوننت آپلود چند فایل - بخش 5 07:42
-
کامپوننت آپلود چند فایل - بخش 6 26:25
-
کامپوننت آپلود چند فایل - بخش 7 07:39
-
کامپوننت آپلود چند فایل - بخش 8 15:38
-
کامپوننت آپلود چند فایل - بخش 9 28:23
-
بخش قیمتگذاری پشتیبانی 17:26
-
بخش نقد و بررسی آیتم رایگان 08:11
-
ذخیره داده در پایگاه داده - بخش 1 21:56
-
واکشی آیتم و رندر در جدول 12:13
-
واکشی آیتم و نمایش در جدول - بخش 2 15:49
-
ایجاد صفحه ویرایش آیتم 28:57
-
بروزرسانی و ویرایش آیتم 08:10
-
کامپوننت تاریخچه آیتم 17:33
-
مدل و تابع تاریخچه آیتم 15:29
-
تاریخچه آیتم - بخش 1 16:34
-
کامپوننت آیتم لاگ تغییرات - بخش 1 13:45
-
کامپوننت آیتم لاگ تغییرات - بخش 2 17:49
-
نقد و بررسی آیتم - بخش 1 14:10
-
نقد و بررسی آیتم - بخش 2 14:14
-
نقد و بررسی آیتم - بخش 3 08:51
-
تابع دریافت نقد و بررسی آیتم 07:36
-
ایجاد کامپوننت تبهای نقد و بررسی 19:24
-
ایجاد کامپوننت جزئیات آیتم 26:14
-
کامپوننت وضعیت آیتم 17:20
-
تابع PUT وضعیت آیتم 19:57
-
بروزرسانی وضعیت آیتم و ارسال ایمیل 12:29
-
کامپوننت دستهبندی و زیردستهبندی پویا - بخش 1 16:11
-
کامپوننت دستهبندی و زیردستهبندی پویا - بخش 2 16:31
-
کامپوننت دستهبندی و زیردستهبندی پویا - بخش 3 10:47
-
ایجاد API محصولات 15:00
-
ایجاد صفحه محصولات - بخش 1 19:16
-
ایجاد صفحه محصولات - بخش 2 24:45
-
ایجاد صفحه محصولات - بخش 3 17:01
-
ایجاد صفحه محصولات - بخش 4 11:02
-
دریافت API جزئیات محصول 11:30
-
واکشی جزئیات محصول 34:20
-
ایجاد کامپوننت جزئیات آیتم محصول - بخش 1 19:43
-
ایجاد کامپوننت جزئیات آیتم محصول - بخش 2 18:39
-
ایجاد کامپوننت جزئیات آیتم محصول - بخش 3 16:12
-
سایدبار محصول 15:29
-
مدل و تابع سبد خرید - بخش 1 22:55
-
مدل و تابع سبد خرید - بخش 2 11:17
-
ایجاد cartSlice 15:58
-
پیادهسازی قابلیت افزودن به سبد خرید 08:22
-
تعداد آیتمهای سبد خرید و فیکس کردن خطای hydration 11:12
-
ایجاد صفحه سبد خرید 09:25
-
ایجاد صفحه پرداخت 28:37
-
پرداخت با Stripe 25:19
-
ایجاد صفحه موفقیت پرداخت در Stripe 07:56
-
ایجاد مدلهای ضروری 31:01
-
اندپوینت API اعتبارسنجی Stripe - بخش 1 25:30
-
اندپوینت API اعتبارسنجی Stripe - بخش 2 27:53
-
پرداخت با PayPal 25:54
-
اندپوینت API اعتبارسنجی پرداخت PayPal 29:03
-
مدیریت درگاههای پرداخت Razorpay 17:53
-
اندپوینت Razorpay API 04:51
-
ایجاد سفارشهای Razorpay 12:23
-
اعتبارسنجی پرداختهای Razorpay 16:48
-
واکشی سفارشهای کاربر 27:24
-
جزئیات سفارش کاربر 14:45
-
واکشی و رندر تراکنش کاربر 12:55
-
واکشی فروشهای نویسنده - بخش 1 06:22
-
واکشی فروشهای نویسنده - بخش 2 25:25
-
واکشی سفارشهای ادمین - بخش 1 20:09
-
واکشی سفارشهای ادمین - بخش 2 19:28
-
مدل روش برداشت 05:40
-
اندپوینت API روش برداشت - بخش 1 10:29
-
اندپوینت API روش برداشت - بخش 2 13:02
-
ایجاد slice برداشت 16:20
-
پرداخت به نویسنده - بخش 1 14:26
-
پرداخت به نویسنده - بخش 2 19:20
-
پرداخت به نویسنده - بخش 3 24:23
-
مدل برداشت 06:41
-
اندپوینت API برداشت 14:25
-
ایجاد کامپوننت درخواست برداشت - بخش 1 12:18
-
ایجاد کامپوننت درخواست برداشت - بخش 2 16:17
-
ایجاد اندپوینت API درخواست برداشت 17:52
مشخصات آموزش
مارکتپلیس دیجیتال تجارت الکترونیک فولاستک با Gen-AI و Next.js
- تاریخ به روز رسانی: 1405/04/12
- سطح دوره:Alls
- تعداد درس:171
- مدت زمان :50:00:27
- حجم :35.13GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy