Socially هو منصة تواصل اجتماعي حديثة تم بناؤها باستخدام تقنيات Next.js وTailwind CSS، وتوفّر تجربة تواصل سلسة، آمنة، ومتجاوبة. يهدف المشروع إلى محاكاة تجربة تطبيقات التواصل الاجتماعية المعروفة، مع لمسات تصميمية متقدمة ومميزات مستخدم قوية.
المميزات الرئيسية:
تسجيل دخول آمن عبر Clerk
نشر منشورات متعددة الوسائط (نصوص، صور)
تفاعلات وإعجابات على المنشورات
إدارة جلسات ومستخدمين متكاملة
دعم الوضع الداكن/الفاتح باستخدام next-themes
رفع ملفات مدعوم عبر Uploadthing
? مكونات جاهزة وقابلة لإعادة الاستخدام باستخدام Radix UI وLucide Icons
️ التقنيات والمكتبات المستخدمة:
الواجهة الأمامية:
Next.js 15
React 19
Tailwind CSS v4
Radix UI (مكونات جاهزة مثل Tabs, Dialogs, Avatar)
Lucide-react لأيقونات SVG حديثة
next-themes لدعم المظهر الداكن والفاتح
Uploadthing لرفع الوسائط بسهولة
clsx, tailwind-merge, class-variance-authority لتنسيق الكلاسات
المصادقة:
@clerk/nextjs – نظام مصادقة متكامل مع دعم كامل للمستخدمين والجلسات
️ قواعد البيانات:
Prisma ORM + @prisma/client لإدارة البيانات
قاعدة بيانات قابلة للربط مثل PostgreSQL أو MySQL
? أدوات التطوير:
Typescript، ESLint، @types/react
دعم للمخارج التجريبية مثل ngrok وlocaltunnel أثناء التطوير
هدف المشروع:
يهدف Socially إلى تقديم تجربة تواصل اجتماعي قابلة للتوسع، وقابلة للتخصيص بسهولة. سواءً كنت مطورًا تبحث عن قالب جاهز للبدء، أو تريد تطبيقًا فعليًا يُستخدم في مشاريع تجارية أو تدريبية – فهذا المشروع يشكّل أساسًا متينًا لذلك.