15 مارس 2024

كيف قمت بإنقاذ منصة ميديا متعثرة وتحويلها إلى نظام Multi-Tenant

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

Next.jsPerformanceArchitectureMulti-tenant

مؤخراً استلمت مشروع منصة (لقطات) وهو في حالة انهيار تقني. العميل كان يواجه 'شاشة سوداء' عند التحميل، وبطء شديد في التصفح، والمفاجأة أن النظام لم يكن يحتوي على أي لوحة تحكم للإدارة.

الخطوة الأولى: تشخيص الشاشة السوداء ومشاكل السرعة

الأولوية الأولى كانت إيقاف النزيف. الشاشة السوداء كانت بسبب أخطاء غير معالجة في الواجهة (Client-side) وحمولات بيانات ضخمة تعطل المتصفح. قمت بإعادة كتابة منطق جلب البيانات ليعتمد على الخادم (SSR)، وطبقت نظام الترقيم (Pagination) للفيديوهات. النتيجة كانت فورية.

الخطوة الثانية: بناء لوحة التحكم المفقودة وبنية Multi-Tenant

أي منصة بدون لوحة تحكم هي قنبلة موقوتة. قمت ببرمجة لوحة تحكم ديناميكية شاملة تتيح التحكم بالفيديوهات، القصص، السلاسل، وحتى فوتر الموقع. الأهم من ذلك، أعدت هندسة قاعدة البيانات لتدعم تعدد المستأجرين (Multi-tenant)، مما وفر بيئة آمنة ومعزولة لصناع المحتوى.

أخيراً، قمت بربط واجهات فهرسة Google AdSense وتخصيص مساحات إعلانية. تحول المشروع من حالة الفشل التام إلى منصة سريعة، مربحة، وسهلة الإدارة تماماً.

هل تريد تطبيق هذا على مشروعك؟

أرسل فكرتك أو رابط موقعك وسأقترح خطة تنفيذ واضحة.

اطلب عرض سعر