🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش اپلیکیشن چت بلادرنگ با NextJS، React، Tailwind و Shadcn
- آخرین آپدیت
دانلود Real-Time Chat App with NextJS, React, Tailwind, and Shadcn
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
ساخت و استقرار اپلیکیشن چت با Next.js و تماس صوتی/تصویری
یادگیری Next.js از پایه با یک پروژه فول استک واقعی.
طراحی رابط کاربری واکنشگرا با حالت تاریک با استفاده از Tailwind CSS و shadcn/ui.
پیادهسازی ارتباطات بلادرنگ از طریق چت و تماسهای صوتی/تصویری با استفاده از Convex و LiveKit.
مدیریت آپلود و رندر تصاویر، ویدئوها و فایلها با uploadthing.
استقرار اپلیکیشنهای Next.js در وب با دامنههای سفارشی.
تبدیل اپلیکیشن به Progressive Web App (PWA) برای نصب بومی در دسکتاپ، iOS و اندروید.
پیشنیازها:
دانش پایه ReactJS و TypeScript الزامی است.
نیازی به تجربه Next.js نیست؛ دوره شامل یک دوره فشرده قبل از شروع است!
در این دوره جامع، ما یک اپلیکیشن چت بلادرنگ فول استک میسازیم. شما با استفاده از فناوریهای پیشرفته مانند:
Next.js (شامل دوره فشرده)
ReactJS
Tailwind CSS برای استایلدهی
TypeScript برای کدنویسی نوعامن
Shadcn/UI برای کامپوننتهای قابل استفاده مجدد و تمبندی
Convex DB به عنوان پایگاه داده بلادرنگ
Clerk برای احراز هویت
در طول این دوره، شما سفری را برای ایجاد یک اپلیکیشن چت بلادرنگ با ویژگیهای فراوان از ابتدا آغاز خواهید کرد. ما از ابزارهای قدرتمندی مانند کامپوننتهای ShadcnUI، Convex برای مدیریت پایگاه داده، Clerk برای احراز هویت، LiveKit برای تماسهای صوتی/تصویری و Uploadthing برای آپلود بیدردسر فایل استفاده خواهیم کرد. علاوه بر این، اپلیکیشن خود را به راحتی با Vercel مستقر خواهیم کرد.
در اینجا نگاهی گذرا به آنچه یاد خواهید گرفت و خواهید ساخت داریم:
افزودن و حذف دوستان به صورت یکپارچه برای تعامل بهتر کاربر.
ایجاد مکالمات و پیامها به صورت بلادرنگ، ارائه یک تجربه کاربری پویا.
ایجاد آسان چتهای گروهی، تشویق به همکاری بین کاربران.
پیادهسازی احراز هویت قوی با Clerk برای اطمینان از دسترسی امن به اپلیکیشن شما.
بهبود تجربه کاربری با پشتیبانی از حالت تاریک.
اطلاعرسانی به کاربران با اعلانهای بلادرنگ، اطمینان از اینکه هرگز چیزی را از دست نمیدهند.
توسعه یک رابط کاربری موبایل واکنشگرا برای دسترسی یکپارچه در دستگاههای مختلف.
فعالسازی تماسهای صوتی/تصویری با استفاده از LiveKit، افزودن لمسی شخصی به ارتباطات.
امکان آپلود تصاویر، ویدئوها و فایلها توسط کاربران به صورت یکپارچه با ادغام Uploadthing.
افزایش تعامل کاربر با یک انتخابگر ایموجی، برای بیانگرتر شدن مکالمات.
تبدیل اپلیکیشن شما به یک Progressive Web App (PWA)، تضمین سازگاری بین پلتفرمی و تجربههای شبیه به بومی در دسکتاپ، iOS و اندروید.
استفاده از Convex برای عملیات پایگاه داده بلادرنگ، تضمین ثبات و قابلیت اطمینان دادهها.
علاوه بر این، این دوره شامل یک دوره فشرده Next.js است که برای مبتدیان کامل طراحی شده است. بنابراین چه به تازگی با Next.js آشنا شده باشید یا یک توسعهدهنده باتجربه باشید که به دنبال گسترش مهارتهای خود هستید، این دوره برای همه چیز دارد.
با پایان این دوره، نه تنها یک اپلیکیشن چت بلادرنگ چشمگیر ساختهاید، بلکه مهارتها و بینشهای ارزشمندی در مورد شیوههای توسعه وب مدرن کسب کردهاید. اکنون ثبتنام کنید و سفر توسعه وب خود را به اوج جدیدی برسانید!
سرفصل ها و درس ها
مقدمه
Introduction
مقدمه
Introduction
پیش از شروع
Before we begin
راه اندازی پروژه
Project Setup
راه اندازی پروژه NextJS
NextJS Project Setup
راه اندازی shadcn/ui
shadcn/ui Setup
مبانی NextJS (اختیاری)
NextJS Basics (optional)
مقدمه ای بر NextJS
Introduction to NextJS
مسیریابی در NextJS
Routing in NextJS
کامپوننتهای کلاینت در مقابل سرور
Client vs Server components
راه اندازی دیتابیس و احراز هویت
Database & Auth setup
Code Complete
نمایش نظرات