دَوِّنْ Dawen قالب إدارة محتوى عربي مفتوح المصدر في السنوات الأخيرة، أصبحت الحاجة إلى منصات عربية قوية وحديثة لإدارة المحتوى أكثر إلحاحاً من أي وقت مضى. فمع توسّع عالم الويب، ظهرت عشرات الأدوات العالمية، إلا أنها تحتاج الى بذل بعض المجهود للتعلم خاصة في الانشاء او الاستخدام او التخصيص .
ومن هنا جاءت فكرة دَوِّنْ Dawen، مشروع عربي مفتوح المصدر صُمّم ليكون بوابة بسيطة للمبتدئ، وفي الوقت نفسه مساحة تقنية عميقة وجذّابة للمطوّر المحترف الذي يريد منصة عربية قابلة للتطوير والتمدد والتخصيص.
هذه ليست مجرد “قالب مدوّنة”.
إنه مشروع كامل لبناء مدونة او موقع شخصي او موقع شركة مثلما خصصناه لموقع 3aai.in ، مبني بتقنيات حديثة مثل Astro + Keystatic + React + Markdoc، مع توجّه قوي للأمان والأداء والسرعة.
ماذا يعني أن يكون Dawen قالباً عربياً مفتوح المصدر؟
ببساطة كلمة “مفتوح المصدر” تعني ببساطة أنّ الكود متاح للجميع: يمكنك تحميله، تشغيله، تعديله، وحذف ما لا يعجبك وإضافة ما تحتاجه.
ولا يوجد أي اشتراك أو نظام مدفوع أو تسجيل دخول. كل شيء لديك محلياً.
أما للمطوّر، فالمعنى أعمق:
- شيفرة واضحة
- هيكل منظّم
- تصميم قابل للتخصيص
- فصل كامل بين المحتوى والواجهة
- دعم أدوات تطوير حديثة
- إمكانية إجراء Fork وإرسال Pull Requests
هذا هو Dawen باختصار: مشروع عربي حقيقي يفتح أبوابه للجميع.
لماذا تم بناء دَوِّنْ Dawen أساساً؟
بدأ المشروع بفكرة بسيطة:
كيف نبني قالب تدوين عربي عصري ينافس القوالب العالمية، ولكن ببصمة عربية أصيلة و ذو سرعه كبيرة و يكون صديق لمحركات البحث بشكل مدمج داخل القالب بدون اضافات او اي جهد من المطور؟
ومع تطور الفكرة، تحوّل المشروع إلى نظام إدارة محتوى متكامل يعتمد على:
- Astro لبناء واجهة فائقة السرعة
- Keystatic لإدارة المحتوى محلياً بدون لوحة تحكم مبنية على الخوادم
- Markdoc لكتابة المقالات بسهولة
- React للمكونات التفاعلية
- CSP + Security Headers لضمان أعلى مستوى أمان
- نظام صور ذكي لضغط وتحويل الصور تلقائياً
وهكذا ولدت النسخة الأولى من Dawen.
واجهة عربية صافية وسهلة للمستخدم العادي
تخيل أنك تفتح مدونة عربية لأول مرة:
- ألوان داكنة أنيقة
- خط Cairo المميز
- تجربة قراءة مريحة
- سرعة تحميل مذهلة
- قابلية التصفح على الهاتف أو الحاسب بدون أي مشكلة
هذا ليس مجرد “تصميم جميل”، بل تجربة مدروسة بعناية.
صُمم Dawen بحيث يشعر المستخدم المبتدئ بالراحة، دون أن يحتاج لمعرفة تقنية مسبقة. كل شيء بسيط وواضح.
التدرّج نحو العمق: ماذا سيجد المطور داخل الكود؟
هنا نبدأ بالتصعيد التدريجي في مستوى المحتوى.
بعد أن يتجاوز المستخدم العادي واجهة الموقع، سيجد المطور شيئاً مختلفاً تماماً حين يفتح المجلدات داخل المشروع.
1. بنية مشروع منظمة بوضوح
src/
components/
content/
layouts/
pages/
styles/
كل شيء في مكانه. لا فوضى. لا أكواد مبعثرة.
2. استخدام Astro لتحقيق أفضل أداء ممكن
Astro يعمل بأسلوب “no JavaScript by default”
أي أن الموقع يبقى خفيفاً، ولا يتم تحميل جافاسكربت إلا عند الحاجة.
3. دمج Keystatic بطريقة سلسة
لوحة التحكم تعمل بالكامل على جهازك
http://localhost:4321/keystatic
مما يمنحك:
- سرعة تحديث
- عدم الاعتماد على خوادم خارجية
- ملفات Markdown نظيفة وسهلة التحرير
4. نظام أمان جاهز للعمل
Dawen ليس مجرد مدونة بسيطة…
إنه محمي بـ:
- Content Security Policy
- حماية ضد XSS
- حماية ضد Clickjacking
- قيود صارمة على المصادر الخارجية
وكل ذلك دون أن يكلّفك سطراً واحداً من الإعداد.
كيف تستخدم دَوِّنْ Dawen؟ للمبتدئ خطوة بخطوة
حتى لو لم تكتب سطر كود في حياتك…
يمكنك تشغيل المدونة خلال دقيقتين:
git clone https://github.com/ahmedalisoliman2030-a11y/3AAI-Blog-
cd 3AAI-Blog-
npm install
npm run dev
افتح المتصفح وانتقل إلى:
- الموقع: http://localhost:4321
- لوحة التحكم Keystatic: http://localhost:4321/keystatic
ثم:
- اختر “Posts”
- اضغط “Create”
- اكتب مقالك
- احفظ
- شاهد التغييرات مباشرة
سهل… أليس كذلك؟
لماذا يجب على المطور المحترف تجربة Dawen؟
1. بنية نظيفة وسهلة التخصيص
يمكنك استبدال او تعديل :
- الثيم
- الخط
- نظام البلوكات
- بناء الصفحات
- أنظمة العرض
- نظام التصنيفات
- بناء موقع كامل
كل شيء قابل للتعديل.
2. دعم التقنيات الحديثة فعلاً
- Astro 4
- TypeScript
- React Islands
- Markdoc
- Security Middleware
- GitHub Actions
مشروع عربي بهذا المستوى… نادر جداً.
3. أداء عالي بدون أي إعداد إضافي
pagespeed.web.dev Score غالباً:
بدون تعديل سطر واحد.
4. جاهز للنشر على أي منصة
- Cloudflare Pages
- Vercel
- GitHub Pages
- sharing host like as hostinger …ect
أكتب:
npm run build
ثم انشر.
دعوة مفتوحة للمطورين العرب للمساهمة في Dawen
إذا كنت مطوراً عربياً، فقد حان الوقت لتشارك في بناء مشروع عربي مفتوح المصدر يُستخدم بالفعل في مدونات حقيقية.
Dawen ليس “قالباً جاهزاً فقط”، بل منصة قابلة للتوسّع، تحتاج إلى:
- حلول بحث متقدمة
- دعم للتعليقات
- نظام Tags أكثر ذكاء
- Widgets إضافية
- تحسينات على Keystatic
- دعم Analytics
- تحسين الـ SEO
- دعم Themes متعددة
وكل تطوير تقوم به اليوم… سيستفيد منه المئات غداً.
هذا هو أثر البرمجيات الحرة.
للانضمام للمشروع:
- قم بعمل Fork للمستودع
- طبّق تعديلاتك
- أرسل Pull Request
- سيتم مراجعتها واعتمادها إن كانت مناسبة
رابط المشروع الكود والتوثيق و رابط المعاينة :
https://github.com/ahmedalisoliman2030-a11y/3AAI-Blog-
نحتاج مطورين عرب يشاركون المعرفة، يضيفون المزايا، ويرفعون مستوى المشاريع العربية إلى العالمية.
الخاتمة: لماذا يستحق Dawen تجربتك الآن؟
- لأنه أحدث قالب إدارة محتوى عربي ومفتوح المصدر .
- لأنه يمزج البساطة للمبتدئ مع القوة للمحترف .
- لأنه مبني على أحدث التقنيات .
- لأنه مصمم بأعلى معايير الأداء والأمان .
- لأنه مشروع عربي يستحق الدعم والمساهمة .
- ولأنك، كمطور عربي، لديك فرصة لتكون جزءاً من شيء أكبر .
جرّب Dawen الآن، ابدأ مشروع مدونتك الخاصة، أو شارك في تطوير المنصة…
فالمستقبل يُبنى بسطر كود واحد في كل مرة.