Aaliya Traders

المهمة

إطلاق متجر يستطيع العميل إدارته وحده — إضافة منتج وتسعيره وتصويره ونشره — مع حصول كل منتج على رابط خاص قابل للفهرسة.

ما الذي كان يعيق التقدم

• لا يوجد فريق تقني داخلي، لذا فإن أي حل يتطلب إعادة نشر لتغيير سعر كان مرفوضًا من البداية.
• كتالوج يتغيّر أسبوعيًا، ما يستبعد موقعًا ثابتًا مبنيًا يدويًا.
• كانت صفحات المنتجات بحاجة إلى الظهور في نتائج البحث كلٌّ على حدة — فالكتالوج في صفحة واحدة يعني رابطًا واحدًا لكل المخزون.
• مشترون يعتمدون على الجوال باتصالات متفاوتة، حيث تكلّف حزمة JavaScript الثقيلة طلبات حقيقية.

ما الذي فعلناه

1. 01

   Firestore مرجعًا لبيانات المنتجات

   تُخزَّن المنتجات والأسعار وحالة المخزون والصور في Firestore مع Firebase Storage، فينشر المالك التغييرات من لوحة الإدارة وتظهر في المتجر فورًا — دون بناء أو نشر.

2. 02

   مسار لكل منتج، وخريطة موقع تواكبه

   يحصل كل منتج على رابطه الخاص ضمن ‎/product/:id، وتضم خريطة الموقع المولّدة الآن 84 رابطًا تغطي الكتالوج وصفحة التصفح وصفحات الشركة الأساسية.

3. 03

   Angular مع تقسيم الشيفرة على مستوى المسارات

   يُحمَّل التطبيق على أجزاء مؤجَّلة بحيث تبقى الصفحة الأولى خفيفة، مع عزل تحميل Firebase SDK عن العرض الأول.

4. 04

   بيانات وصفية كاملة للمشاركة والتطبيق

   بطاقات OpenGraph وTwitter بصورة 1200×630، وألوان متصفح متوافقة مع الهوية، وأيقونات للتثبيت كتطبيق — بحيث يظهر رابط المنتج المُشارَك عبر واتساب كبطاقة لا كرابط مجرد.