اپلیکیشن چت بلادرنگ با NextJS، ری‌اکت، Tailwind و Shadcn

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

• یادگیری NextJS از ابتدا با پروژه‌ فول‌استک واقعی
• ساخت رابط کاربری واکنش‌گرا با دارک مود با استفاده از Tailwind CSS و shadcn/ui
• افزودن ارتباطات بلادرنگ از طریق چت و تماس‌های صوتی و تصویری با استفاده از Convex و LiveKit
• درک اینکه چگونه آپلودها و رندرینگ تصویر، ویدئو و فایل‌ را با Uploadthing مدیریت کنید.
• درک اینکه چگونه اپلیکیشن‌های NextJS را به وب با دامنه‌های سفارشی مستقر کنید.
• تبدیل اپلیکیشن خود به یک وب اپلیکیشن پیشرونده (PWA) به طوری که بتواند به طور نیتیو روی دسکتاپ، iOS و اندروید دانلود شود.

پیش‌نیازهای دوره

• دانش اولیه درباره ReactJS و تایپ‌اسکریپت نیاز است.
• نیازی به تجربه‌ NextJS نیست، دوره شامل یک دوره فشرده قبل از شروع است.

توضیحات دوره

در این دوره جامع، ما یک اپلیکیشن چت بلادرنگ فول‌استک می‌سازیم. شما به دنیای توسعه وب با استفاده از فناوری‌های روز مانند موارد زیر می‌پردازید:

• Next.js (شامل دوره فشرده)
• ReactJS
• Tailwind CSS برای استایل‌دهی
• تایپ‌اسکریپت برای کد دارای تایپ ایمن
• Shadcn/UI برای کامپوننت‌های قابل استفاده مجدد و تم‌سازی
• Convex DB به عنوان پایگاه داده بلادرنگ
• Clerk برای احراز هویت

در این دوره شما سفری را برای ساخت یک اپلیکیشن چت کارآمد و غنی از ویژگی‌ها از ابتدا شروع خواهید کرد. ما از ابزارهای قدرتمند مانند کامپوننت‌های ShadcnUI و Convex برای مدیریت پایگاه داده، Clerk برای احراز هویت، LiveKit برای تماس‌های صوتی و تصویری و Uploadthing برای آپلود آسان فایل‌ها بهره خواهیم برد. همچنین، اپلیکیشن خود را به سادگی با استفاده از Vercel مستقر خواهیم کرد.

در اینجا نگاهی به آنچه یاد می‌گیرید و خواهید ساخت می‌اندازیم:

• افزودن و حذف دوستان به صورت بی‌نقص برای افزایش تعامل کاربران
• ایجاد مکالمات و پیام‌ها به صورت بلادرنگ، فراهم کردن یک تجربه کاربری پویا
• ایجاد چت‌های گروهی به سادگی و تقویت همکاری میان کاربران
• پیاده‌سازی احراز هویت قوی با Clerk برای اطمینان از دسترسی امن به اپلیکیشن خود
• افزایش تجربه کاربری با پشتیبانی از دارک مود
• اطلاع‌رسانی کاربران با نوتیفیکیشن‌های بلادرنگ، اطمینان از این که هرگز چیزی را از دست ندهند.
• توسعه یک رابط کاربری واکنش‌گرا برای موبایل برای دسترسی آسان در دستگاه‌های مختلف
• فعال‌سازی تماس‌های صوتی و تصویری با استفاده از LiveKit، افزودن لمسی شخصی به ارتباطات
• اجازه دادن به کاربران برای آپلود تصاویر، ویدئوها و فایل‌ها به راحتی با یکپارچه‌سازی Uploadthing
• افزایش مشارکت کاربران با یک انتخابگر اموجی، ایجاد جذابیت بیشتر در مکالمات
• تبدیل اپلیکیشن خود به یک وب اپلیکیشن پیشرونده (PWA)، اطمینان از سازگاری چندسکویی و تجارب مشابه نیتیو در دسکتاپ، iOS و اندروید
• استفاده از Convex برای عملیات‌های پایگاه داده بلادرنگ، اطمینان از سازگاری و قابلیت اطمینان داده‌

علاوه بر این، این دوره شامل یک دوره فشرده Next.js طراحی شده برای مبتدیان کامل است. بنابراین، چه شما جدیدا به Next.js وارد شده باشید و چه یک توسعه‌دهنده باتجربه باشید که به دنبال توسعه مهارت‌های خود هستید، این دوره برای همه مناسب است.

در پایان دوره، نه تنها یک اپلیکیشن چت بلادرنگ چشم‌گیر ساخته‌اید، بلکه به مهارت‌ها و بینش‌های ارزشمندی در زمینه شیوه‌های توسعه وب مدرن دست خواهید یافت. در دوره شرکت کنید و سفر توسعه وب خود را به سطوح جدیدی ببرید.

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

• توسعه‌دهندگان ReactJS که می‌خواهند NextJS را از طریق یک پروژه واقعی یاد بگیرند.
• توسعه‌دهندگان NextJS که به دنبال ساخت و استقرار یک اپلیکیشن فول‌استک واقعی و غنی از ویژگی‌ها هستند.
• توسعه‌دهندگانی که به دنبال یادگیری فناوری‌های نوین مانند Tailwind و تایپ‌اسکریپت و shadcn/ui هستند.