Discord Clone

Discord Clone تطبيق في الوقت الفعلي للـ نص والصوت والفيديو مستوحى من تجربة Discord الأساسية، مبني بـ Next.js وSocket.io وLiveKit، مع مصادقة Clerk (بما فيها Google) وPrisma للبيانات وUploadThing للمرفقات. التفاصيل متماشية مع README المشروع.

عرض حي: discord-clone.vercel.app.

الميزات الرئيسية

• 🔒 المصادقة — Clerk مع تسجيل دخول Google
• 🎉 الخوادم — إنشاء وتخصيص الخوادم
• 📱 المراسلة — Socket.io؛ احتياطي عبر الاستطلاع مع تنبيهات
• 🚀 القنوات — قنوات نص وصوت وفيديو
• 📨 المحادثات — رسائل مباشرة بين الأعضاء
• 🎬 مكالمات — فيديو وصوت عبر LiveKit
• 🎁 المرفقات — UploadThing لرفع الملفات في الدردشة
• 🧨 الرسائل — تعديل وحذف فوري لجميع المستخدمين
• 🔰 الأعضاء — طرد، أدوار (ضيف / مشرف)
• 🔗 الدعوات — روابط دعوة فريدة ونظام دعوة كامل
• ⛓ التمرير — تحميل لا نهائي على دفعات من 10 (TanStack Query)
• 🔍 البحث — واجهة أمر/بحث
• 🎨 المظهر — فاتح / داكن
• 🚀 SEO والأداء — ميتا، Next/Image، خرائط موقع
• 🎊 تصميم متجاوب

• Next.js — App Router، SEO
• TypeScript — أنماط عبر المكدس
• Tailwind CSS + shadcn/ui
• Clerk — مصادقة (ومع Google)
• Prisma — طبقة البيانات
• Socket.io — دردشة فورية وغرف
• LiveKit — صوت وفيديو
• TanStack Query — حالة الخادم وقوائم رسائل لا نهائية
• Zustand — حالة واجهة العميل
• React Hook Form + Zod
• UploadThing — رفع الملفات في الدردشة

• دمج WebSockets، تجربة قريبة من الحضور، ووسائط (LiveKit) في منتج واحد
• تمرير لا نهائي على دفعات للرسائل عبر TanStack Query بدل تحميل السجل كاملاً
• مواءمة Clerk وPrisma مع مسارات محمية وتوزيع فوري للأحداث