كيف بنيت نظام إدارة محتوى سحابي كامل باستخدام Claude AI

البداية - لماذا نظام إدارة محتوى بدون خوادم؟

في عالم التقنية العربي، نواجه تحدياً مستمراً: أغلب المحتوى التقني المتاح باللغة الإنجليزية، والمنصات العربية المتخصصة في الحوسبة السحابية قليلة. من هنا جاءت فكرة (S7abt) — منصة عربية متخصصة في المحتوى التقني السحابي.

لكن السؤال كان: كيف أبني منصة كاملة كمطور مستقل؟ الجواب كان في تقنيتين غيّرتا قواعد اللعبة:

البنية بدون خوادم (Serverless): لا حاجة لإدارة خوادم، لا تكاليف ثابتة، والدفع فقط مقابل الاستخدام الفعلي. مثالية لمنصة ناشئة تحتاج تنمو بدون ميزانية ضخمة.
Claude AI كشريك تطوير: بدلاً من فريق مطورين، استخدمت الذكاء الاصطناعي Claude من Anthropic كشريك في التصميم والبرمجة وحل المشاكل.
UXPilot.ai لتصميم الواجهات من الصفر: بدلاً من توظيف مصمم UI/UX، استخدمت أداة UXPilot.ai لتصميم جميع واجهات المنصة من الصفر — من التخطيطات الأولية إلى التصميم النهائي للوحة التحكم والموقع العام.

النتيجة؟ منصة متكاملة تشمل: لوحة تحكم للمحررين، موقع عام للقراء، نظام تغريدات ذكي يعمل بالذكاء الاصطناعي، نظام بريد إلكتروني، ونظام مصادقة آمن — كل ذلك يعمل على AWS بدون خادم واحد تقليدي، بتصميم واجهات مبني بالكامل عبر UXPilot.ai.

البنية التحتية - خدمات AWS من الألف إلى الياء

اخترنا منطقة البحرين (me-south-1) كمنطقة رئيسية لضمان أقل زمن استجابة للمستخدمين العرب. البنية التحتية تعتمد على مجموعة متكاملة من خدمات AWS:

المكونات الأساسية

AWS Lambda (Node.js 20.x): أكثر من 25 وظيفة Lambda تتعامل مع كل عمليات الـ API — من إنشاء المقالات إلى إرسال البريد الإلكتروني.
API Gateway: بوابتان منفصلتان — واحدة للوحة التحكم (Admin API) وأخرى للموقع العام (Public API).
RDS MySQL: قاعدة بيانات علائقية في شبكات فرعية خاصة (Private Subnets) مع حذف ناعم (Soft Delete) لحماية البيانات.
S3: تخزين الصور والملفات الإعلامية مع روابط مؤقتة (Presigned URLs) للرفع المباشر.
Cognito: نظام مصادقة متكامل يدعم أدوار المستخدمين (مدير، محرر، مشاهد).
Amplify: استضافة الموقع العام المبني بـ Next.js مع Server-Side Rendering.

نمط Split-Lambda المبتكر

أحد أهم القرارات المعمارية كان استخدام نمط Split-Lambda:

Lambda داخل VPC: للوصول إلى قاعدة البيانات RDS عبر الشبكة الخاصة.
Lambda خارج VPC: للاتصال بالخدمات الخارجية مثل OpenAI و Twitter API.

الوظائف داخل VPC تستدعي الوظائف خارج VPC عبر Lambda.InvokeCommand()، مما يوفر أمان الشبكة الخاصة وسرعة الاتصال الخارجي معاً.

البنية التحتية كشفرة (IaC)

كل شيء معرّف في قوالب SAM (Serverless Application Model) — يمكن نشر المنصة بالكامل في أي منطقة AWS بأمر واحد.

الذكاء الاصطناعي كشريك تطوير - تجربتي مع Claude

استخدام Claude AI لم يكن مجرد كتابة كود — بل كان شراكة حقيقية في كل مرحلة من مراحل التطوير:

كيف ساعد Claude في كل مرحلة؟

التصميم المعماري: ناقشنا خيارات مثل DynamoDB مقابل RDS، وأنماط الاتصال بالشبكة، وتصميم الـ API.
كتابة الكود: من وظائف Lambda المعقدة إلى قوالب SAM، كتب Claude أغلب الكود مع شرح كل قرار.
تصحيح الأخطاء: عندما واجهنا مشكلة 504 بسبب إعدادات Security Group خاطئة في VPC Endpoint، ساعد Claude في تشخيص المشكلة خطوة بخطوة.
DevOps والنشر: من إعداد الـ CI/CD إلى تكوين SES للبريد الإلكتروني.

سير العمل: التطوير بالمحادثة

الأسلوب الذي نجح معي:

وصف الهدف بوضوح: بدلاً من اكتب كود، أصف المشكلة والسياق الكامل.
المراجعة والاختبار: كل كود يُراجع ويُختبر قبل النشر — Claude يقترح، وأنا أقرر.
التكرار السريع: إذا لم ينجح شيء، نعود ونعدل بسرعة.
حفظ السياق: Claude يحتفظ بسياق المحادثة الكامل عبر ملفات الذاكرة (CLAUDE.md)، مما يمنع تكرار الأخطاء.

تصميم الواجهات باستخدام UXPilot.ai

إلى جانب Claude في كتابة الكود والبنية التحتية، استخدمت UXPilot.ai لتصميم جميع واجهات المنصة من الصفر. الأداة مكّنتني من:

تصميم التخطيطات (Wireframes): إنشاء هيكل الصفحات والتنقل بين الأقسام بسرعة.
تصميم واجهات المستخدم: تحويل الأفكار إلى تصاميم واجهات كاملة للوحة التحكم والموقع العام.
تجربة المستخدم (UX): تحسين تدفق المستخدم وسهولة الاستخدام بدون الحاجة لمصمم متخصص.

النتيجة كانت واجهات احترافية بُنيت بالكامل باستخدام الذكاء الاصطناعي — مكمّلة لعملية التطوير مع Claude.

تقييم صادق

ما يجيده Claude: تصميم البنية، كتابة كود متسق عبر ملفات متعددة، حل مشاكل AWS المعقدة، وإنشاء وثائق شاملة.

ما يحتاج حكم بشري: قرارات المنتج، أولويات الميزات، اختبار تجربة المستخدم النهائية، والتحقق من التكاليف الفعلية على AWS.

التحديات والحلول - دروس من الميدان

لم تكن الرحلة سهلة. إليك أبرز التحديات التي واجهتنا وكيف حللناها:

التحدي 1: Lambda تنتهي مهلتها بعد 30 ثانية

المشكلة: وظائف Lambda تتوقف بعد 30 ثانية رغم أن الاستعلام سريع.

السبب: استخدام نمط getConnection() + connection.end() يبقي حلقة الأحداث (Event Loop) نشطة.

الحل: استخدام db.query() و db.rawQuery() مباشرة من Connection Pool بدلاً من إنشاء اتصالات فردية.

التحدي 2: خطأ 504 بسبب VPC Endpoint

المشكلة: Lambda لا تستطيع الوصول إلى Secrets Manager رغم وجود VPC Endpoint.

السبب: Security Group الخاص بـ VPC Endpoint لا يسمح بحركة المرور الواردة على المنفذ 443 من Lambda Security Group.

الحل: إضافة قاعدة Inbound Rule تسمح بـ TCP 443 من Security Group الخاص بـ Lambda.

التحدي 3: حزم Lambda المعطوبة على Windows

المشكلة: بعد النشر، Lambda تعطي خطأ Cannot find module shared/db.

السبب: أمر PowerShell Compress-Archive يُسطّح بنية المجلدات عند استخدام folder/*.

الحل: استخدام أسماء المجلدات مباشرة: Compress-Archive -Path articles,shared بدلاً من articles/*,shared/*.

التحدي 4: متغيرات Amplify تُستبدل بالكامل

المشكلة: تحديث متغير بيئة واحد في Amplify يحذف جميع المتغيرات الأخرى.

السبب: أمر aws amplify update-app --environment-variables يستبدل القائمة بالكامل.

الحل: تمرير جميع المتغيرات في كل مرة عند التحديث.

التحدي 5: قيود SES Sandbox

المشكلة: لا يمكن إرسال بريد إلا لعناوين مُتحقق منها مسبقاً.

الحل: تقديم طلب Production Access مع وصف واضح لحالة الاستخدام وآليات منع الإزعاج.

النتيجة والمستقبل - ماذا بعد؟

بعد أسابيع من التطوير المكثف بالشراكة مع Claude AI، أصبحت منصة سحابة الكلاود حقيقة:

ما تم بناؤه

أكثر من 25 وظيفة Lambda تغطي كل العمليات
بوابتان API (لوحة التحكم + الموقع العام)
نظام تغريدات ذكي يولّد تغريدات من المقالات باستخدام OpenAI وينشرها تلقائياً
نظام بريد إلكتروني للترحيب بالمستخدمين الجدد ونموذج اتصال
لوحة تحكم كاملة بنظام أدوار وصلاحيات
موقع عام مبني بـ Next.js مع SSR لأداء ممتاز وSEO

القرار بالمصدر المفتوح

قررنا جعل المنصة مفتوحة المصدر بالكامل. السبب؟ نريد أن يستفيد المطورون العرب من هذه التجربة — سواء لبناء مشاريعهم الخاصة أو للتعلم من البنية المعمارية والأنماط المستخدمة.

خطط المستقبل

مسودات مقالات بالذكاء الاصطناعي: نظام يقترح مسودات مقالات جديدة مع سير عمل للمراجعة والنشر.
أتمتة التسويق: جدولة ذكية للمحتوى على وسائل التواصل الاجتماعي.
تحليلات متقدمة: لوحة تحكم تفاعلية لقياس أداء المحتوى والتفاعل.

رسالة أخيرة

الذكاء الاصطناعي ليس بديلاً عن المطور — بل هو أقوى أداة يمكن أن يمتلكها. التجربة أثبتت أن مطوراً واحداً بمساعدة AI يستطيع بناء ما كان يحتاج فريقاً كاملاً. المفتاح هو: أن تعرف ماذا تريد، وأن تستخدم AI كشريك ذكي لا كصندوق أسود.

جرّب المنصة، ساهم في المصدر المفتوح، أو شاركنا رأيك — كل مساهمة تصنع فرقاً.