دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

تسلط به Next.js - ساخت کلون Airbnb از ابتدا (2024)

تسلط به Next.js - ساخت کلون Airbnb از ابتدا (2024)

✅ سرفصل و جزئیات آموزش

در این دوره با ساخت اپلیکیشن فول استک Airbnb با +Next.js 14، تایپ اسکریپت، Clerk Auth و Prisma و Supabase و Tailwind و Shadcn-ui و Zod و Vercel آشنا می شوید.

آنچه یاد خواهید گرفت

  • ساخت اپلیکیشن های Next JS مدرن
  • احراز هویت اپلیکیشن های Next JS خود با Clerk
  • ساخت کامپوننت ها با Shadcn/ui
  • ذخیره داده در پایگاه داده با Prisma و Supabase
  • ذخیره تصاویر در پایگاه داده
  • کار با اکشن های سرور

توضیحات دوره

شما با استفاده از TailwindCSS و Shadcn/ui، تسلط به طراحی واکنش‌ گرا، مدیریت تم و استایل دهی منسجم با کامپوننت های طرح‌ بندی، به طراحی فرانت اند می پردازید. شما اصول توسعه بک اند، از جمله تمایز بین کامپوننت های های سرور و کلاینت، نحوه واکشی داده، مدیریت state های بارگذاری و پیاده سازی مدیریت خطا به همراه طرح بندی های تودرتو را می آموزید.

شما اپلیکیشن خود را با قابلیت های CRUD از طریق اکشن های سرور تقویت می کنید، تعامل کاربر را بهبود می بخشید و از یکپارچگی داده با کتابخانه Zod اطمینان حاصل می کنید. شما همچنین پایگاه داده را با استفاده از Supabase یکپارچه می کنید، آپلود تصاویر را مدیریت کرده و قابلیت های مهمی مانند احراز هویت با سرویس CLERK را پیاده می کنید.

شما دوره را با مهارت‌ های استقرار اپلیکیشن NextJS خود در Vercel به پایان می رسانید و ویژگی‌ هایی مانند مدیریت پرامپت، مدیریت پاسخ و تولید تصویر را در آن می گنجانید.

این دوره برای چه کسانی مناسب است؟

  • توسعه دهندگان ری اکت که می خواهند با Next JS 14 اپلیکیشن های فول استک بسازند.

تسلط به Next.js - ساخت کلون Airbnb از ابتدا (2024)

  • اطلاعات مفید 02:12
  • اطلاعات مهم 00:44
  • نصب 01:14
  • فایل ها و پوشه ها 03:24
  • صفحه اصلی 02:57
  • ایجاد صفحات 02:37
  • کامپوننت لینک 02:05
  • مسیرهای تودرتو 02:20
  • CSS 01:11
  • اطلاعات Tailwind (اختیاری) 09:34
  • کامپوننت طرح بندی 04:22
  • کامپوننت نوار ناوبری 04:08
  • فونت ها 03:50
  • متادیتا (فراداده) 02:21
  • سرور در مقابل کلاینت 02:06
  • شمارنده 07:05
  • واکشی داده 06:23
  • ریفکتور کردن 02:34
  • کامپوننت بارگذاری 03:39
  • کامپوننت خطا 02:57
  • طرح بندی تودرتو 03:25
  • صفحه پویا 06:24
  • تصویر محلی 07:38
  • تصاویر از راه دور 05:43
  • تصاویر واکنش گرا 07:30
  • دیگر گزینه های مسیریابی 07:41
  • اکشن های سرور - اطلاعات 04:26
  • صفحه اکشن ها - راه اندازی 09:05
  • فایل اکشن ها 06:06
  • ذخیره کاربر 08:20
  • واکشی کاربران 03:08
  • اعتبارسنجی مجدد کش و ریدایرکت کردن 05:37
  • هوک UseFormStatus 06:32
  • هوک UseFormState 08:18
  • دکمه حذف 02:42
  • ورودی پنهان 04:21
  • متد Bind 04:57
  • هندلرهای مسیر - اطلاعات 02:34
  • هندلرهای مسیر - GET 06:25
  • هندلرهای مسیر - پارامترها 06:45
  • هندلرهای مسیر - POST 06:40
  • میان افزار 06:22
  • بیلد محلی 03:50
  • حافظه موقت 05:36
  • بررسی پروژه 12:24
  • نصب اپلیکیشن جدید Next.js 01:40
  • حذف Boilerplate 02:08
  • ایجاد صفحات 04:37
  • نصب کتابخانه Shadcn/ui 03:18
  • کامپوننت دکمه Shadcn/ui 08:15
  • نصب دیگر کامپوننت های Shadcn/ui 04:04
  • ساختار نوار ناوبری 06:10
  • کامپوننت های لوگو و NavSearch 04:01
  • تغییر تم با Shadcn/ui 03:30
  • راه اندازی Dark Mode با Shadcn/ui 09:09
  • کامپوننت LinksDropdown 10:11
  • راه اندازی و سفارشی سازی Clerk Auth Provider 10:01
  • کامپوننت SignOutLink 03:55
  • کامپوننت LinksDropdown 05:05
  • ایجاد پروفایل - راه اندازی 09:12
  • کامپوننت FormInput 04:47
  • کامپوننت SubmitButton 05:23
  • کامپوننت FormContainer 08:19
  • ریفکتور کردن ایجاد پروفایل 07:19
  • کتابخانه Zod 11:59
  • راه اندازی Supabase 04:49
  • راه اندازی Prisma 03:57
  • اتصال Prisma و Supabase 07:11
  • مثال های Prisma Crud 03:35
  • ایجاد مدل پروفایل و ProfileAction 15:12
  • واکشی اکشن تصویر پروفایل 06:13
  • اصلاح ایجاد صفحه پروفایل 05:56
  • واکشی پروفایل کاربر 08:50
  • بروزرسانی صفحه پروفایل 08:30
  • متد Zod SafeParse 05:51
  • ValidateWithZodSchema - تابع Helper 04:59
  • ورودی تصویری 04:38
  • کانتینر ورودی تصویر 15:39
  • اعتبارسنجی Zod تصویر 09:08
  • کلیدها و باکت Supabase 03:40
  • تصویر آپلود Supabase 07:04
  • بروزرسانی اکشن تصویر پروفایل - کامل 04:29
  • اسکیمای ملک 06:01
  • صفحه ایجاد ملک - راه اندازی 11:46
  • ورودی قیمت 06:04
  • ورودی دسته بندی ها 09:18
  • ورودی توضیحات 04:48
  • ورودی کشورها 08:50
  • ورودی شمارنده 12:40
  • ورودی امکانات 12:33
  • ایجاد ملک 08:08
  • واکشی املاک 09:42
  • صفحه اصلی - راه اندازی 06:02
  • لیست دسته بندی ها 09:09
  • لیست خالی 03:16
  • کانتینر املاک 04:01
  • PropertyCard - راه اندازی 03:44
  • PropertyCard - ساختار 12:08
  • رتبه بندی ملک 05:50
  • دکمه تاگل علاقه مندی ها 02:31
  • نام و پرچم کشور 03:52
  • بارگذاری کارت ها 06:34
  • کامپوننت NavSearch 12:32
  • دکمه ورود به سیستم علاقه مندی ها 08:09
  • واکشی علاقه مندی ها 06:07
  • فرم تاگل علاقه مندی ها 08:42
  • قابلیت تاگل کردن علاقه مندی ها 05:36
  • صفحه علاقه مندی ها 07:31
  • صفحه جزئیات ملک - راه اندازی 07:26
  • کامپوننت Breadcrumbs 06:03
  • کامپوننت دکمه اشتراک گذاری 09:20
  • کامپوننت کانتینر تصویر 06:09
  • کامپوننت تقویم 04:57
  • کامپوننت جزئیات ملک 04:17
  • کامپوننت UserInfo 05:32
  • کامپوننت توضیحات 08:26
  • کامپوننت امکانات 05:44
  • کامپوننت نقشه ملک 08:54
  • استقرار اپلیکیشن در Vercel 12:04
  • مدل نظرات 05:48
  • کامپوننت RatingInput 06:01
  • کامپوننت SubmitReviews 08:14
  • قابلیت SubmitReview 06:53
  • واکشی نظرات 02:07
  • رندر نظرات 04:59
  • کامپوننت ReviewCard 15:17
  • واکشی و حذف نظرات کاربر 04:47
  • کامپوننت IconButton 05:31
  • صفحه نظرات 07:19
  • کامپوننت بارگذاری نظرات 03:39
  • کامپوننت رتبه بندی ملک - کامل 05:36
  • اجازه برای نظر دادن 11:20
  • مدل رزرو 05:00
  • کامپوننت های رزرو 06:16
  • کتابخانه Zustand 09:12
  • کانتینر رزرو و تقویم - راه اندازی اولیه 10:13
  • محاسبه توتال ها 08:46
  • فرم رزرو 09:07
  • تایید کامپوننت رزرو 07:49
  • ایجاد اکشن رزرو 06:05
  • دوره های زمانی مسدود شده 08:06
  • تاریخ های غیرفعال 10:12
  • واکشی رزروها و حذف رزروها 06:00
  • صفحه رزروها 11:13
  • حذف رزرو 03:19
  • بارگذاری کامپوننت جدول 03:39
  • واکشی و حذف توابع اجاره ها 09:50
  • صفحه اجاره ها 13:35
  • واکشی تابع جزئیات اجاره 03:20
  • ویرایش صفحه اجاره ها 12:18
  • Gotcha ورودی امکانات 06:03
  • بروزرسانی توابع اجاره 09:17
  • صفحه رزرو - راه اندازی 03:26
  • واکشی رزروها 02:34
  • صفحه رزروها - کامل 08:34
  • صفحه ادمین - راه اندازی 02:54
  • صفحه ادمین - میان افزار 10:37
  • صفحه ادمین - بارگذاری کامپوننت ها 05:44
  • صفحه ادمین - کانتینر Stats 09:28
  • صفحه ادمین - واکشی داده نمودار 09:51
  • صفحه ادمین - کانتینر نمودار 07:55
  • Stripe - راه اندازی 07:01
  • Stripe - صفحه چک اوت 05:38
  • Stripe - مسیر پرداخت 13:53
  • Stripe - مسیر تأیید 08:19
  • Stripe - ریفکتور کردن کوئری ها 06:13
  • آمار رزرو 08:04

7,254,500 1,450,900 تومان

مشخصات آموزش

تسلط به Next.js - ساخت کلون Airbnb از ابتدا (2024)

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:مقدماتی
  • تعداد درس:167
  • مدت زمان :18:22:07
  • حجم :8.34GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید