VOXA — لوحة تحكم الإدارة
من تنفيذ يوسف سالم حسن
01
نظرة عامة
لوحة تحكم إدارية بـ Next.js لـ VOXA — تحليلات، إشراف، مستخدمون/منشورات/محادثات/أماكن، عربي/إنجليزي مع RTL، وSupabase وJWT
دوري
بناء لوحات إدارية على Supabase: جداول TanStack ومخططات مؤشرات ومسارات API محمية وJWT وتكافؤ RTL مع التطبيق.
02
التحدي
تشغيل شبكة اجتماعية صوتية يتطلب مسؤولين موثوقين للإشراف على المنشورات والمحادثات والأماكن والتحليلات وملاحظات الويب دون كشف أسرار الخدمة على العميل.
03
الحل
تعمل اللوحة على مسار تطبيق Next مع جداول TanStack Table ومخططات Recharts وتكافؤ RTL عبر next-intl وملفات تعريف JWT تُنشأ عبر مسارات API تعزل استعلامات Supabase الصارمة مع حدود صفحات وقوائم حقول مسموحة.
التقنيات المستخدمة
14اللغات
TypeScript
المنصات
Responsive Design
الخلفية والبيانات والسحابة
Supabase
الأمان والمصادقة
JWT
الأدوات والتسليم
Lucide ReactVercel
التجربة والواجهة
Next.jsReactTailwind CSS
أخرى
next-intlnext-themesRechartsTanStack TableFramer Motion
04
أبرز النتائج
- سطح إشراف كامل يشمل المستخدمين والمنشورات الصوتية والتعليقات المتسلسلة والمحادثات والأماكن والبلاغات والبث.
- وحدات تحليلات للتفاعل وصحة الرسم الاجتماعي والنشاط الجغرافي لدعم قرارات القيادة.
- موقف أمان يتماشى مع جلسات httpOnly وبيانات اعتماد Supabase على الخادم فقط.
05
لقطات الشاشة والمعرض
لوحة الإدارة
٧ صورالعربية (من اليمين لليسار)
صورتانالإنجليزية، الوضع الداكن
صورتانمشاريع أخرى
- مجموعة الجواد — نظام تشغيل الخدمات الميدانيةنظام واحد لشركة إدارة مرافق في الرياض: تطبيق للعملاء وتطبيق للتشغيل ولوحة إدارة وموقع للشركة وواجهة Laravel، بالعربية أولًا.
- الاتصال 92 — موقع المنتجموقع تسويقي بالعربية أولًا والإنجليزية لاشتراك مركز اتصال سحابي: عشرة أقسام من الموجز التسويقي ولقطات حقيقية من التطبيق والأسعار وصفحتا الخصوصية والشروط التي تطلبها متاجر التطبيقات.
- CRM تكنولوجيا 92 — المبيعات وخط العملاءنظام CRM داخلي للمبيعات في تكنولوجيا 92: العملاء وفرص لينكدإن وعروض الأسعار ولوحة متابعة حية، بالعربية أولًا، مبني على Laravel وNext.js.