DASHBOARD
شو بتعمل اللوحة؟
إدارة الطلبات
خدمة، توظيف، تعاون — كل طلب يوصل مصنّفاً وجاهزاً للمتابعة والرد من مكان واحد.
الشكاوى والبلاغات
صندوق وارد مخصص يجمع كل شكوى وبلاغ، فما يضيع صوت أي عميل.
تحكّم كامل بالمحتوى
أقسام الموقع، المدوّنات، الأخبار — الشركة تعدّل كل شيء بنفسها بدون مبرمج.
مستخدمون وأمان
إدارة مستخدمي اللوحة بصلاحيات محددة، وحماية عالية جداً للبيانات.
بالأرقام
أصعب أربع مشكلات
يشتغل على جهازي، وينكسر بعد النشر
التحقق بخطوتين عبر رمز بالبريد اشتغل محلياً وانكسر في الإنتاج، ولم تكفِ أربع محاولات إصلاح متتالية. السبب كان أعمق من الرمز نفسه: الـ middleware يعمل على Edge ويفكّ الجلسة يدوياً، وقاعدة البيانات (Prisma) لا تعمل هناك أصلاً. فأعدت بناء المصادقة: تطبيق مصادقة (TOTP) بدل رمز البريد، وتوكن «ما قبل الدخول» يربط الخطوتين، وإعداد مصادقة خفيف خاص بالـ Edge بلا قاعدة بيانات.
إعادة البناء لمست 27 ملفاً — بدل ترقيع إصلاح خامس.
كل طلب يمر من هنا، فلا قاعدة بيانات هنا
الـ middleware يعمل مع كل طلب، فأي استعلام فيه يبطئ الموقع كله. وضع الصيانة يُكشف عبر كوكي بلا أي استعلام، والمصادقة مفصولة تماماً عن صفحات الموقع العامة، وفحص «تسجيل الخروج القسري» محمي بمهلة 4 ثوانٍ حتى لا يعلّق بطء قاعدة البيانات كل الطلبات.
صفحات الموقع العامة لا تحمل شيئاً من نظام الدخول.
أمان مبنيّ، لا مُعلَن
تحديد معدّل الطلبات، وتنظيف HTML القادم من محرر المحتوى قبل عرضه، والتحقق من الملفات المرفوعة من محتواها الفعلي (magic bytes) لا من امتدادها، وترويسات CSP — مع جلسات نشطة يمكن إنهاؤها من الإعدادات.
امتداد الملف يكتبه المستخدم، أما محتواه فلا يكذب.
محتوى تعدّله الشركة دون الرجوع إليّ
مسودة ← معاينة ← نشر، وإدارة صور وفيديو، ومحرر نصوص للمدونة والأخبار مع روابط slug، واستيراد المحتوى المكتوب سابقاً داخل الكود إلى اللوحة بدل إعادة كتابته يدوياً. لاحقاً صارت صفحتا الشروط والخصوصية قابلتين للتعديل من اللوحة أيضاً.
والعناوين مصمّمة لتبقى مرتّبة مهما طال النص الذي يكتبه فريق الشركة.
الأدوات
الأساس
- Next.js · App Router
- React
- Tailwind CSS v4
- next-intl — لوحة بلغتين
البيانات والمصادقة
- Prisma + Neon Postgres
- NextAuth
- TOTP — otplib + qrcode
- bcryptjs
التشغيل
- Vercel Blob — الوسائط
- Nodemailer — البريد
- SSE — إشعارات لحظية
- Vercel — النشر
ما سُلِّم فعلياً
- صندوق وارد للشكاوى والبلاغات بملاحظات داخلية
- إدارة الطلبات: خدمة / توظيف / تعاون
- إدارة الوظائف المعلنة
- قوالب ردود جاهزة
- إشعارات لحظية داخل اللوحة
- سجل النشاطات
- إدارة المستخدمين والأدوار ومؤشر التواجد
- جلسات نشطة يمكن إنهاؤها
- تحقق بخطوتين بتطبيق مصادقة
- وضع صيانة بضغطة زر
- محرر المدونة والأخبار
- إدارة الصور والفيديو
الدرس الذي بقي
أكثر جزء استهلك الوقت لم يكن واجهة، بل التحقق بخطوتين: أربعة إصلاحات لنفس العطل قبل أن يتضح أن المشكلة في مكان آخر تماماً. لوحة تحكّم تدير شركة كاملة تُقاس بشيء واحد: أن تبقى مغلقة على من لا يملك مفتاحها، ومفتوحة لفريق الشركة بلا احتكاك.
عطلٌ يعود بعد كل إصلاح يعني أن التشخيص خطأ.
جولة داخل اللوحة
بدك لوحة تحكم تدير شغلك؟
بنبنيلك لوحة على مقاس شركتك — ثنائية اللغة، آمنة، وسهلة لفريقك.
احكيلي عن مشروعك