منصة تواصل اجتماعي مبسطة تهدف لمحاكاة خصائص التطبيقات الاجتماعية مثل عرض الملف الشخصي والأنشطة. التقنيات المستخدمة: Next.js، Tailwind CSS

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 إلى تقديم تجربة تواصل اجتماعي قابلة للتوسع، وقابلة للتخصيص بسهولة. سواءً كنت مطورًا تبحث عن قالب جاهز للبدء، أو تريد تطبيقًا فعليًا يُستخدم في مشاريع تجارية أو تدريبية – فهذا المشروع يشكّل أساسًا متينًا لذلك.