دراسة حالة: معرض توته للفنون

معرض رقمي يركز على الأداء للفنانين البصريين

الدور: مطور واجهة كاملة (Full-Stack Developer) التقنيات: Laravel 12, Livewire 3, Alpine.js, Tailwind CSS, PostgreSQL, Cloudflare R2 المعاينة الحية: toota-art.ahmedlotfy.site

يحتاج الفنانون المحترفون إلى أكثر من مجرد مساحة تخزين—هم بحاجة إلى مسرح عالي الأداء. هذا المعرض يتعامل مع الأعمال الفنية عالية الدقة بسلاسة تامة، مع توفير تجربة ثنائية اللغة بالكامل (الإنجليزية والعربية)، وكل ذلك قابل للإدارة من قبل مستخدم غير تقني.

الهيكلية التقنية

تم البناء باستخدام TALL Stack لتقديم سرعة تشبه تطبيقات الصفحة الواحدة (SPA) مع موثوقية تحسين محركات البحث (SEO):

• Livewire 3 للتفاعلية من جانب الخادم، مما يقلل حجم حزمة JavaScript.
• PostgreSQL 13+ للبيانات المنظمة مع ميزات متقدمة.
• Cloudflare R2 لتخزين الكائنات بدون رسوم نقل بيانات (Zero-egress).
• FrankenPHP على Dokploy مع Dockerfile مخصص لنشر الإنتاج.
• استراتيجيات تخزين مؤقت قوية لضمان سرعة تحميل فورية للمعرض.

حلول رئيسية

تحسين الأداء

يقوم الفنانون برفع ملفات ضخمة وغير محسنة قد تقتل الأداء.

• المشكلة: أصول وسائط ثقيلة تبطئ الموقع.
• الحل: بنيت خط أنابيب آلي يحول التنزيلات إلى WebP ويولد أحجاماً متجاوبة فورياً.
• النتيجة: ملف بحجم 10 ميجابايت يصبح صورة واضحة بحجم 150 كيلوبايت للمستخدمين—سرعة فائقة عالمياً بدون رسوم نقل بيانات.

نظام نسخ احتياطي شامل

يخاف صناع المحتوى من فقدان البيانات أو الارتهان للمنصة. قمت بهندسة مركز نسخ احتياطي متعدد الطبقات يضم:

• خدمة MediaArchiver: تنزيل آلاف الصور من R2، منظمة حسب عنوان المشروع.
• خدمة DataExportService: تصدير JSON منظم لجميع المحتويات.
• دمج تفريغ PostgreSQL: كشف ذكي للملفات الثنائية عبر بيئات Docker/Dokploy/Nixpacks.
• استراتيجية الوجهة المزدوجة: قرص محلي + دلو R2 للتكرار الجغرافي.
• الاحتفاظ الذكي: يومي (16 يوماً)، أسبوعي (8 أسابيع)، شهري (4 أشهر)، سنوي (سنتين).
• الجدولة الآلية: تكرار قابل للتكوين مع إشعارات البريد الإلكتروني.
• تنزيلات آمنة: روابط موقعة تنتهي صلاحيتها خلال 5 دقائق لملفات النسخ الاحتياطي.

مع التنظيف التلقائي للتخزين عند عتبة 5 جيجابايت، يتمتع الفنان بسلام تام.

الأمن أولاً

على عكس المنصات الاجتماعية، هذا معرض احترافي مخصص.

• تعطيل التسجيل العام تماماً.
• Google OAuth صارم للفنان فقط.
• يفصل المشاهدة العامة عن الإدارة الخاصة، مما يجعل لوحة التحكم محصنة ضد هجمات التخمين.

المميزات

• دعم حقيقي للغة العربية (RTL): واجهة معربة بالكامل مع قلب التخطيط تلقائياً.
• لوحة تحكم حية: إدارة المشاريع، تبديل الحالة "مميز"، إعادة ترتيب الفئات في الوقت الفعلي.
• سيو (SEO) مؤتمت: توليد خريطة الموقع يومياً عبر spatie/laravel-sitemap لأرشفة فورية من جوجل.
• مرونة بنقرة واحدة: تنزيل فوري لتفريغ SQL، تصدير JSON، أو أرشيفات وسائط كاملة.

ماذا تعلمت

• تشغيل أتمتة السيو (SEO) لضمان اكتشاف المحتوى فورياً.