آموزش Next.js (نسخه 2024)
✅ سرفصل و جزئیات آموزش
Next.js یک فریمورک React است که توسط توسعهدهندگان برای توسعهدهندگان ساخته شده است، تا برنامههای وب با کیفیت بالا و پاسخگو ایجاد کند. با ابزارهای داخلی و ویژگیهای آماده استفاده، Next.js روند توسعه را راحت و آسان میکند. در این دوره، توسعهدهنده وب و مدرس، سندی لودوسکی به شما آموزش میدهد که خواه شما یک توسعهدهنده فرانتاند باشید یا بکاند چگونه از فریمورک Next.js برای سرعت بخشیدن و بهبود روند کار خود استفاده کنید. بیاموزید که چگونه یک وب اپلیکیشن کاملاً تابعی بسازید و راههای بهبود تجربه توسعهدهنده را کشف کنید. به علاوه، مثالهای عملی را بررسی کنید و یک پروژه دورهای را تکمیل کنید تا به تمرین آنچه آموختهاید بپردازید. این دوره میتواند به شما کمک کند تا به سطح بعدی با Next.js برسید.
آموزش Next.js (نسخه 2024)
-
Next.js: یک فریمورک React توسط توسعهدهندگان، برای توسعهدهندگان 0:00:45
-
آنچه باید بدانید 0:02:20
-
فایل های تمرین 0:01:44
-
Next.js چیست؟ 0:02:04
-
مزایای استفاده از Next.js 0:02:31
-
راهاندازی محیط توسعه 0:05:55
-
ایجاد پروژه وبلاگ و کاوش در آناتومی اپلیکیشن 0:04:53
-
ایجاد صفحات و طرحبندیها 0:06:46
-
ایجاد یک طرحبندی مشترک بین صفحات 0:04:54
-
ناوبری بین صفحات 0:02:57
-
چالش: افزودن یک مسیر 0:02:10
-
راه حل: افزودن یک مسیر 0:05:12
-
ایجاد یک مسیر دینامیک 0:08:23
-
افزودن استایلهای جهانی 0:04:29
-
استفاده از Tailwind CSS 0:05:02
-
استفاده از ماژولهای CSS برای اجزا 0:06:46
-
اعمال استایلدهی شرطی با clsx 0:04:08
-
چالش: بهینهسازی تصاویر و فونتها 0:05:40
-
راه حل: بهینهسازی تصاویر و فونتها 0:06:59
-
ایجاد یک مخزن گیتهاب و ارسال پروژه 0:04:28
-
ایجاد حساب کاربری در Vercel 0:02:19
-
اتصال و استقرار پروژه شما 0:03:37
-
چالش: نوشتن و ارسال تغییرات سپس دوباره استقرار 0:01:35
-
راه حل: نوشتن و ارسال تغییرات سپس دوباره استقرار 0:05:48
-
راهاندازی پایگاه داده PostgreSQL 0:06:06
-
کشف روشهای مختلف دریافت دادهها 0:02:00
-
Seed کردن پایگاه داده و اجرای کوئریهای SQL 0:06:44
-
استفاده از کوئریهای SQL برای واکشی دادهها 0:05:26
-
چالش: درج کردن دادهها به پایگاه داده 0:03:37
-
راه حل: درج کردن دادهها به پایگاه داده 0:05:50
-
رندر استاتیک در مقابل رندر دینامیک 0:02:31
-
رندر کردن پویا بدون کش 0:03:59
-
فعالسازی استریمینگ و رندرینگ جزئی با استفاده از صفحه فرود 0:02:55
-
افزودن اسکلتهای بارگذاری 0:03:27
-
مدیریت خطاها با یک صفحه خطا: error.tsx 0:02:24
-
چالش: مدیریت خطاهای 404 با استفاده از توابع notFound 0:01:52
-
راه حل: مدیریت خطاهای 404 با استفاده از توابع notFound 0:05:33
-
شروع کار با NextAuth.js 0:00:52
-
راهاندازی NextAuth.js 0:03:19
-
ایجاد مسیرها و کلمپوننت های احراز هویت 0:04:27
-
افزودن Google credentials provider 0:05:22
-
با حساب Gmail خود وارد شوید 0:05:49
-
چالش: احراز هویت و ایجاد پستها 0:01:54
-
راه حل: احراز هویت و ایجاد پستها 0:07:17
-
محافظت از صفحات و مسیرهای API 0:06:01
-
راهاندازی و پیکربندی یک پروژه 0:05:00
-
تعریف درخواستها برای تولید تکمیل با استفاده از ChatCompletion API 0:06:28
-
نوشتن پستهای وبلاگ با محتوای تولید شده توسط هوش مصنوعی 0:04:57
-
گام های بعدی 0:00:26
مشخصات آموزش
آموزش Next.js (نسخه 2024)
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی
- تعداد درس:49
- مدت زمان :3:25:41
- حجم :516.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy