دوره فولاستک NextJS (اپلیکیشن SupaBlog با هوش مصنوعی)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تمام ویژگیهای کلیدی NextJS
- چگونه اپلیکیشنهای سطح تولید با NextJS بسازیم؟
- چگونه با هوش مصنوعی در NextJS کار کنیم؟
- سئوی Nextjs - بهینهسازی موتور جستجو
پیشنیازهای دوره
- آشنایی پایه با سی اس اس، اچ تی ام ال و جاوا اسکریپت
- آشنایی با ریاکت توصیه میشود.
توضیحات دوره
قدرت توسعه فولاستک را با این دوره فولاستک NextJS آنلاک کنید. این دوره جامع به گونهای طراحی شده است تا شما را به مهارتهای لازم برای ساخت وب اپلیکیشنهای پیچیده با Next.js، فریمورک محبوب ریاکت، مجهز کند.
در طول این دوره، شما دنیای توسعه فولاستک را عمیقا بررسی میکنید، شما از اصول Next.js آغاز میکنید و به سمت موضوعات پیشرفته حرکت میکنید. شما یاد میگیرید چگونه اپلیکیشنهای پویا با عملکرد بالا بسازید که از رندرینگ سمت سرور، تولید سایت استاتیک و هایدریشن سمت کلاینت استفاده میکنند.
ویژگیهای کلیدی:
- یکپارچهسازی SupaBlog: یک پلتفرم وبلاگ با ویژگیهای غنی با SupaBlog توسعه دهید و از قابلیتهای قدرتمند Next.js استفاده کنید.
- یکپارچهسازی هوش مصنوعی: از قابلیتهای هوش مصنوعی برای بهبود تجربه کاربری استفاده کنید و فرآیندهای تولید محتوا را خودکار کنید.
- ویژگی AutoPost: یاد بگیرید چگونه یک سیستم پست کردن خودکار را پیادهسازی کنید تا محتوا را به طور روان در پلتفرمهای محبوب مانند Medium ،Dev.to و Hashnode منتشر کنید.
- تخصص فولاستک: تجربه عملی در هر دو بخش فرانتاند و بکاند کسب کنید، به Next.js، ریاکت، نود جی اس و یکپارچهسازی پایگاه داده مسلط شوید.
- پروژههای واقعی: روی پروژههای واقعی کار کنید و یک پورتفولیوی جامع برای نمایش مهارتهایتان بسازید.
ماژولهای دوره:
- آشنایی با Next.js: مبانی Next.js، از جمله راهاندازی، مسیریابی و مفاهیم اساسی را درک کنید.
- ساخت SupaBlog: یک پلتفرم وبلاگ از ابتدا بسازید و روی ویژگیهای کلیدی مانند احراز هویت کاربر، مدیریت محتوا و بهینهسازی سئو تمرکز کنید.
- یکپارچهسازی هوش مصنوعی: اپلیکیشن خود را با ویژگیهای مبتنی بر هوش مصنوعی برای داشتن توصیههای محتوایی هوشمندانهتر و فرآیندهای خودکار بهبود دهید.
- مکانیزم AutoPosting: یک سیستم پست کردن خودکار برای سادهسازی انتشار محتوا در چندین پلتفرم توسعه دهید.
- توسعه بکاند: توسعه بکاند با NextJS، ایجاد API، سرور اکشنها و مدیریت پایگاه داده با MongoDB را بررسی کنید.
- استقرار و بهینهسازی: بهترین شیوهها را برای استقرار اپلیکیشن Next.js و بهینهسازی عملکرد برای مقیاسپذیری را بیاموزید.
نتیجهگیری:
در پایان این دوره، شما تخصص ساخت، استقرار و مدیریت اپلیکیشنهای فولاستک با Next.js را خواهید داشت. شما قادر خواهید بود وب اپلیکیشنهای غنی از ویژگی بسازید که قابلیتهای هوش مصنوعی و توزیع خودکار محتوا را یکپارچه کرده و شما را در حوزه رقابتی توسعه وب متمایز میکند.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان ریاکت که میخواهند به NextJS مسلط شوند.
- توسعهدهندگان ریاکت آینده: افرادی که میخواهند دانش جامعی از توسعه فولاستک با فناوریهای مدرن بدست آورند.
- توسعهدهندگان فرانتاند: توسعهدهندگانی که میخواهند مجموعه مهارتهای خود را برای گنجاندن رندرینگ سمت سرور و توسعه بکاند گسترش دهند.
- کارآفرینان و استارتاپها: افرادی که به ساخت و استقرار وب اپلیکیشنهایی با ویژگیهای کامل برای کسبوکارشان علاقهمند هستند.
دوره فولاستک NextJS (اپلیکیشن SupaBlog با هوش مصنوعی)
-
مقدمه 04:52
-
ساخت اپلیکیشن Next 05:30
-
گزینه های استایلدهی 12:09
-
نصب و راهاندازی Shadcn 05:54
-
کامپوننت سرور و کلاینت 05:19
-
راهاندازی دستیار کدنویسی هوش مصنوعی 01:18
-
ایجاد کامپوننتهای هدر 08:53
-
کامپوننت لوگو 06:21
-
کامپوننت جستجوی هدر 09:31
-
منوی ناوبری و حالت تاریک 16:37
-
منوی کشویی 18:14
-
چسبان کردن هدر 07:52
-
منوی موبایل - قسمت 1 - اسلاید منو 13:28
-
منوی موبایل - قسمت 2 - نوار ناوبری 19:28
-
منوی موبایل - قسمت 3 - جستجو - قسمت 1 10:58
-
منوی موبایل - قسمت 4 - جستجو - قسمت 2 07:55
-
کامپوننت فوتر 04:58
-
کامپوننت لینکهای فوتر 14:18
-
کامپوننتهای بارگذاری 08:53
-
ایجاد مسیرهای احرازهویت 06:05
-
فرم ورود - اعتبارسنجی با React Hook Form و Zod 27:30
-
دکمههای ورود گوگل و گیتهاب 08:06
-
فرم ثبتنام 11:00
-
فرم فراموشی رمز عبور 03:23
-
فرم بازنشانی رمز عبور 06:49
-
راهاندازی MongoDB 07:13
-
اتصال MongoDB 03:06
-
ایجاد مدل کاربر 06:19
-
ایجاد اپلیکیشنهای گوگل و GitHub OAuth 13:33
-
راهاندازی Next Auth - قسمت 1 12:22
-
راهاندازی Next Auth - قسمت 2 18:21
-
افزودن Provider سشن به اپلیکیشن 03:29
-
اکشن ثبت نام کاربر 07:48
-
تابع دریافت پیام خطا 05:10
-
ثبت نام کاربر - منطق کامپوننت 09:07
-
ورود کاربر 09:16
-
خروج کاربر 04:58
-
ورود با گوگل 07:29
-
ورود با گیتهاب 02:29
-
صفحه پروفایل 17:40
-
کامپوننت عنوان صفحه 03:41
-
محافظت از صفحات با میانافزار 03:52
-
محافظت از لینکها با توابع سفارشی 07:05
-
ایجاد طرحبندی صفحه ادمین 08:40
-
نوار ناوبری ادمین - قسمت 1 17:41
-
نوار ناوبری ادمین - قسمت 2 15:51
-
شاخص بارگذاری صفحه 05:49
-
صفحه دستهبندی 05:59
-
مدل دستهبندی 05:02
-
ایجاد مودال اکشن 11:54
-
ایجاد فرم دستهبندی 05:45
-
ایجاد دستهبندی - سرور اکشن 10:24
-
ایجاد دستهبندی - منطق کامپوننت 09:02
-
دریافت دستهبندیها - سرور اکشن 02:39
-
لیست دستهبندیها - منطق کامپوننت 10:28
-
حذف دستهبندی - سرور اکشن 15:56
-
حذف دستهبندی - منطق کامپوننت 15:56
-
بروزرسانی دستهبندی - سرور اکشن 02:30
-
بروزرسانی دستهبندی - منطق کامپوننت 15:18
-
صفحه پست 09:29
-
مدل پست 06:08
-
ایجاد پست - سرور اکشن 10:25
-
ایجاد فرم پست - قسمت 1 14:42
-
ایجاد فرم پست - قسمت 2 14:47
-
ایجاد فرم پست - قسمت 3 19:05
-
آپلود تصویر - قسمت 1 15:48
-
پنهانکردن فوتر در صفحات ادمین 03:34
-
آپلود تصویر - قسمت 2 13:15
-
آپلود تصویر - قسمت 3 05:38
-
دریافت همه پستها - سرور اکشن 19:44
-
واکشی همه پستها 09:23
-
کامپوننت انتخاب اکشن 08:23
-
کامپوننت جستجو 07:14
-
نمایش پستها 10:16
-
صفحهبندی پستها 20:28
-
جستجوی پستها 11:00
-
حذف پست 03:02
-
حذف پست - منطق کامپوننت 09:22
-
دریافت پست - سرور اکشن 07:40
-
بروزرسانی پست - سرور اکشن 05:00
-
بروزرسانی پست - منطق کامپوننت - قسمت 1 13:30
-
بروزرسانی پست - منطق کامپوننت - قسمت 2 09:32
-
بروزرسانی پست - منطق کامپوننت - قسمت 3 03:00
-
پست ویژه - سرور اکشن 09:41
-
پست ویژه - منطق کامپوننت 05:31
-
حذف چند پست - سرور اکشن 04:47
-
حذف چند پست - منطق کامپوننت - قسمت 1 19:46
-
حذف چند پست - منطق کامپوننت - قسمت 2 05:36
-
بروزرسانی وضعیت چندین پست 04:57
-
پست در dev.to - منطق API 21:20
-
پست در وبلاگ دیگر - مودال 21:44
-
پست در Dev.to - منطق کامپوننت 22:21
-
پست در Medium - منطق API 14:24
-
دریافت شناسه نویسنده Medium - منطق API 09:22
-
پست در Medium - منطق کامپوننت 09:49
-
پست در Hashnode - منطق API 13:06
-
پست در Hashnode - منطق کامپوننت 03:58
-
راهاندازی OpenAI - سرور اکشن 22:21
-
رابط کاربری چت - قسمت 1 11:30
-
رابط کاربری چت - قسمت 2 13:22
-
رابط کاربری چت - قسمت 3 17:49
-
رابط کاربری چت - قسمت 4 11:16
-
رابط کاربری چت - قسمت 5 11:07
-
رابط کاربری چت - قسمت 6 12:49
-
ارسال کوئری به چتجیپیتی 12:28
-
افکت ماشین تحریر 17:03
-
نمایش آخرین پاسخ 14:44
-
اسکرول به پایین پس از پاسخ جدید 05:50
-
ایجاد صفحه پروموشن 06:57
-
ایجاد مدل پروموشن 02:59
-
ایجاد پروموشن - سرور اکشن 09:18
-
ایجاد تابع getLoggedInUser 05:44
-
ایجاد پروموشن - کامپوننت 10:19
-
کامپوننت فرم پروموشن 20:35
-
پیشنمایش پروموشن 09:52
-
ایجاد پروموشن - منطق کامپوننت 13:17
-
دریافت تمام پروموشنها - سرور اکشنها 03:46
-
کامپوننت لیست پروموشن 25:11
-
بروزرسانی پروموشن - سرور اکشن 02:03
-
بروزرسانی پروموشن - منطق کامپوننت 13:42
-
حذف پروموشن - سرور اکشن 02:28
-
حذف پروموشن - منطق کامپوننت 01:55
-
فعالسازی پروموشن - سرور اکشن 08:13
-
فعالسازی پروموشن - منطق کامپوننت 03:07
-
کامپوننت پروفایل کاربر 02:01
-
دریافت کاربران - سرور اکشن 02:30
-
نمایش کاربران - منطق کامپوننت 21:13
-
تغییر نقش کاربر - سرور اکشن 08:45
-
تغییر نقش کاربر - منطق کامپوننت 05:06
-
حذف کاربر - سرور اکشن 02:19
-
حذف کاربر - منطق کامپوننت 01:36
-
دریافت آمار وبلاگ - سرور اکشن 07:10
-
دریافت آمار وبلاگ - منطق کامپوننت 12:16
-
دریافت دستهبندیهای فعال - سرور اکشن 08:48
-
دریافت دستهبندیهای فعال - منطق کامپوننت 14:39
-
دریافت پستهای محبوب - سرور اکشن 02:10
-
دریافت پستهای محبوب - منطق کامپوننت 09:16
-
بخش Hero 22:58
-
بخش Hero 10:37
-
بخش پست ویژه 07:34
-
طرحبندی پست ویژه - قسمت 1 07:01
-
طرحبندی پست ویژه - قسمت 2 06:48
-
بخش پست اخیر 05:12
-
کامپوننت پست تکی 06:50
-
ایجاد صفحه پستها و کامپوننت 12:38
-
جستجو در هدر 04:27
-
ایجاد کامپوننت PostDetails 08:28
-
دریافت پروموشن فعال و شمارش کلیکها روی پروموشن - سرور اکشن 05:33
-
طرحبندی جزئیات پست 05:11
-
محتوای پست - قسمت 1 10:01
-
محتوای پست - قسمت 2 - نمایش پروموشن 11:10
-
محتوای پست - قسمت 3 11:43
-
افزودن کامنتهای DisQus به پستهای وبلاگ 13:24
-
محافظت از بخش کامنت در برابر کاربران تعلیق شده 18:01
-
سایدبار پست ویژه 07:39
-
سایدبار دستهبندیهای 06:01
-
سایدبار پستهای محبوب 03:30
-
متادیتای وبلاگ 08:52
-
صفحه دستهبندیها 12:45
مشخصات آموزش
دوره فولاستک NextJS (اپلیکیشن SupaBlog با هوش مصنوعی)
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:همه سطوح
- تعداد درس:159
- مدت زمان :25:58:23
- حجم :14.61GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy