مختبر ArabCMS · ديموهات حيّة
مواقع حقيقية مبنية بالذكاء الاصطناعي… قطعة قطعة
مواقع كاملة من دروس ArabCMS — بعضها اتبنى بإيدك خطوة بخطوة في المسارات، وبعضها اتبنى من الطرفية بـ Claude Code + Novamira MCP. كل ديمو فيه الموقع الحي، الدرس، والخطوات أو البرومبت اللي تقدر تعيد بيهم التجربة.
الطريقة
تلات طرق للبناء… وكلها بتوصّل لموقع شغال
01
يدوي خطوة بخطوة
مسارات ArabCMS (JetEngine، عقارات، حجوزات، Joomla): كل درس بيضيف قطعة، وفي آخر المسار الموقع كامل قدامك — بإيدك إنت.
02
بالذكاء الاصطناعي من الطرفية
Claude Code بيفهم المطلوب بالعربي، Novamira MCP بيوصّله بووردبريس، وElementor بيبني الصفحات. إنت بتوجّه، وهو بينفّذ.
03
مختلط: AI يجهّز، إنت تعدّل
الذكاء الاصطناعي بيعمل الهيكل والتوكنز والصفحات الأساسية، وإنت بتكمّل التفاصيل من المحرر عادي. أسرع طريقة للشغل الحقيقي.
الديموهات
اللي اتبنى لحد دلوقتي
كل كارت فيه الديمو الحي، الدرس على يوتيوب، والحزمة: خطوات المسار للديموهات اليدوية، أو البرومبت والسكيلز للديموهات المبنية بالذكاء الاصطناعي.
بيض وكتاكيت
موقع كوميدي لأفكار مشاريع المطورين الفاضيين — قصة سكرول كاملة بأبطال كرتون، وقهوة بلدي فيها منيو أفكار.
Claude Code · Novamira MCP · Elementor Pro · JetEngine · JetFormBuilder · GSAP ScrollTrigger · Google AI Pro (Nano Banana + Veo)
البيت الذكي
موقع عقاري فاخر: تدخل البيت بالسكرول، وكل غرفة صفحة — القوائم، الفريق، والعقد.
Claude Code · Novamira MCP · Elementor Pro · Animation Addons
متجر WooCommerce بـ Bricks
متجر ووكومرس صغير مبني بـ Bricks Builder — الهيكل بالذكاء الاصطناعي والتفاصيل بإيدك. ديمو مقارنة Elementor vs Bricks.
Claude Code · Novamira MCP · Bricks · WooCommerce
موقع وظائف ديناميكي
المشروع التطبيقي لمسار JetEngine: CPT وظائف، حقول، تصنيفات، Listing Grid، فلاتر، ونموذج تقديم — كله بدون كود.
JetEngine · JetSmartFilters · JetFormBuilder · Elementor
موقع عقارات كامل
مسار العقارات (RE.01–RE.12): عقارات بالحقول والتصنيفات، بطاقات، صفحة عقار، فلاتر، خريطة، ولوحة تحكم للوسطاء.
JetEngine · JetSmartFilters · JetFormBuilder · Map Listing
موقع حجوزات بـ JetBooking
مسار الحجوزات (BK.01–BK.12): وحدات، تقويم توافر، أسعار موسمية، نموذج حجز، ودفع بـ Paymob/Fawry.
JetEngine · JetBooking · JetSmartFilters · JetFormBuilder
موقع Joomla 6
مسار Joomla (J.01–J.10): تثبيت، محتوى، قوائم ووحدات، قالب Cassiopeia بالعربي RTL، حقول مخصصة، وصلاحيات. مستضاف خارج الشبكة.
Joomla 6 · Cassiopeia · Custom Fields
متجر Shopify عربي
إنشاء متجر Shopify باللغة العربية من الصفر — ثيم، منتجات، شحن ودفع محلي. رابط خارجي.
Shopify · Dawn theme
عايز تعمل زيّها على موقعك؟
الدروس كاملة على ArabCMS، بالعربي، وبنفس الأدوات اللي شايفها هنا. ابدأ بأول ديمو وخد الحزمة بتاعته.