المدونة العربية

تطبيق مدوّنة عربي حديث ومتجاوب مبني باستخدام **Next.js** و **Material-UI** و **TypeScript**. يتضمن لوحة تحكم إدارية كاملة مع مكوّنات واجهة مستخدم ثابتة لسهولة النشر.

**المميزات**

**واجهة المستخدم**

التبديل بين الوضع الداكن والفاتح – مع دعم اكتشاف تفضيل النظام

تصميم متجاوب بالكامل – نهج Mobile-first مع نقاط توقف Material-UI

دعم الاتجاه من اليمين لليسار (RTL) – تخطيط واتجاه نص عربي أصلي

حركات انتقال جميلة – انتقالات سلسة باستخدام Framer Motion

تصميم Material Design 3 – مكوّنات وتصميم واجهة حديثة

رسوم بيانية تفاعلية – عرض البيانات باستخدام مكتبة Recharts

**إدارة المحتوى**

إدارة المقالات – دعم كامل لإنشاء وتحديث وحذف واستعراض المقالات (CRUD)

نظام التصنيفات – تنظيم المقالات حسب الفئات مع ترميز بالألوان

دعم الوسوم – وسوم متعددة لكل مقال لتنظيم أفضل

دعم الصور – صور مصغّرة للمقالات وإدارة الوسائط

محرر نصوص متقدّم – إمكانيات تحرير محتوى كاملة

نظام المسودات/النشر – حفظ المسودات ونشرها عند الجاهزية

**لوحة التحكم الإدارية**

لوحة تحليلات – عرض المشاهدات، المقالات، وإحصاءات المستخدمين

رسوم تفاعلية – مشاهدات شهرية، توزيع الفئات، ومقاييس الأداء

إدارة المستخدمين – CRUD كامل للمستخدمين مع صلاحيات مبنية على الأدوار

نظام الأدوار – مدير، محرر، ومستخدم مع أذونات مختلفة

إعدادات النظام – تهيئة الموقع وتخصيص التفضيلات

إدارة الملفات – رفع ملفات مع قيود على الأنواع المدعومة

إعدادات الإشعارات – تفضيلات البريد الإلكتروني والإشعارات الفورية

️ **الخصائص التقنية**

توليد الصفحات الثابتة (SSG) – تحميل سريع باستخدام Next.js

نظام بيانات تجريبية – واجهة مستخدم ثابتة بالكامل بدون اعتماد على Backend

تطبيق ويب تقدّمي (PWA) – تجربة محسّنة على الأجهزة المحمولة

تحسين محركات البحث (SEO) – علامات Meta وبيانات منظمة

GitHub Actions – سير عمل نشر آلي

TypeScript – أمان كامل للأنواع وتجربة تطوير أفضل

**التعريب**

دعم اللغة العربية – واجهة عربية كاملة

تنسيق التواريخ بالعربية – عرض محلي للتاريخ والوقت

الأرقام العربية – تنسيق صحيح للأعداد

تخطيط RTL – اتجاه قراءة من اليمين لليسار