عباس صدر الدين - صفحة الروابط
صفحة روابط واحدة لرجل دين، كل نصّ وكل صورة فيها قابلة للتعديل من لوحة تحكّم خاصة - دون تعديل في الشيفرة، ودون إعادة نشر، ودون تكلفة استضافة.
العميل
السيد عباس صدر الدين
النوع
موقع إلكتروني
المدة
ساعتان
المخرجات
صفحة الروابط العامة لوحة تحكّم من ست تبويبات إعداد قاعدة البيانات وتسجيل الدخول قواعد الأمان معالجة الصور داخل المتصفح خطوة بناء معاينة الروابط النشر على نطاق مخصّص توثيق التسليم
التحدي
كان يصل إلى متابعيه عبر حسابات متفرّقة - تيليغرام وواتساب ويوتيوب وقائمة من روابط المحاضرات والتبرّعات تتغيّر من أسبوع إلى آخر - دون عنوان واحد يحيل الناس إليه. وهو ليس مستخدمًا تقنيًا. أي حلّ يحتاج إلى مطوّر عند كل تعديل كان سيتوقف عن التحديث خلال شهر. كان لا بدّ أن يكون موقعًا يديره بنفسه، إلى ما لا نهاية، وبتكلفة صفر.
الحل
صفحة React واحدة أمام واجهة خلفية على Firebase، ولوحة تحكّم من ست تبويبات خلف تسجيل دخول بالبريد: الملف الشخصي، الروابط، حسابات التواصل، الأقسام القابلة للطي، الألوان، والتذييل. تُضاف البطاقات وتُخفى ويُغيَّر لونها وتُرتَّب بالسحب من المتصفح مباشرة. تُصغَّر الصور وتُضغط داخل المتصفح وتُحفظ في قاعدة البيانات مباشرة، فلا يحتاج الموقع إلى مساحة تخزين مدفوعة. وتقرأ خطوةُ البناء المحتوى الحيّ وتضعه في وسوم Open Graph، ليصل الرابط إلى المحادثة بالصورة والاسم والنبذة الصحيحة بدل رابط مجرّد. المحتوى مقروء للجميع وقابل للتعديل للمشرف وحده، وكل رابط يُحفظ يُنقّى ويُفحص قبل وصوله إلى الصفحة. ولوحة التحكّم تظهر دائمًا بالألوان الافتراضية - فلا يمكن لتنسيق ألوان غير مقروء أن يحبسه خارج المحرّر الذي يصلحه.
النتيجة
عنوان واحد يجمع كل شيء، وصاحبه يحدّثه بنفسه. روابط جديدة، صور جديدة، ألوان جديدة — تظهر جميعها بعد تحديث الصفحة، دون مطوّر ودون إعادة نشر. يعمل الموقع بالكامل ضمن الباقة المجانية من Firebase، فلا يكلّف شيئًا لإبقائه على الإنترنت، والرابط المشارَك في تيليغرام أو واتساب أو فيسبوك يصل كبطاقة معاينة كاملة.