IMAS Global | Real Estate

تم تطوير IMas لتزويد العلامات التجارية العقارية بمركز رقمي واحد من أجل:

- البحث عن العقارات — قوائم قابلة للبحث مصنفة حسب الأنواع والمواقع وعلامات "مميزة" أو "موصى بها" والمفضلة وصفحات التفاصيل

-الجنسية التركية عن طريق الاستثمار — محتوى مخصص وكتالوجات للعقارات المؤهلة للحصول على الجنسية

- المحتوى والثقة — مدونة، صفحات ثابتة، فريق العمل، شهادات العملاء، الأسئلة الشائعة، وبيانات الاتصال/تسجيل العملاء المحتملين

- العمليات — سير عمل الإدارة للكتالوج، وتحسين محركات البحث (SEO)، والوسائط، والإعدادات، والمستخدمين/الأدوار، والنصوص التسويقية المترجمة

يتمثل هدف المنتج في تحويل الاهتمام الدولي إلى عملاء محتملين مؤهلين مع الحفاظ على قابلية صيانة المحتوى والمخزون عبر اللغات (بما في ذلك اللغات التي تُكتب من اليمين إلى اليسار).

ما قمنا بتطويره

المجال والنطاق

الموقع العام | الصفحة الرئيسية، قوائم العقارات/التفاصيل، صفحة الجنسية، المدونة، «نبذة عنا»، «اتصل بنا»، شاشات المصادقة |

الإدارة | العقارات، محتوى الجنسية، نظام إدارة المحتوى (CMS)، محتوى الشركة، المستخدمون/الأذونات، الإعدادات، تحسين محركات البحث (SEO)، الوسائط |

i18n | مسارات تراعي الإعدادات المحلية، نماذج قابلة للترجمة، أداة تبديل اللغة، تخطيط يدعم الكتابة من اليمين إلى اليسار |

نظام التصميم | رموز العلامة التجارية (مظهر داكن باللونين الأزرق الداكن/الذهبي)، الطباعة، أنماط البطاقات/الأزرار/النماذج المشتركة عبر قالب «Find Houses» |

### التحديات التي تمكنا من حلها

1. **دمج السمة دون إنشاء نسخة فرعية من سمة الشراء**

تم نقل بنية HTML وفئات «Find Houses» إلى Vue/Inertia مع الحفاظ على ملفات المورد كمرجع فقط، وتطبيق تعديلات العلامة التجارية في ملفات CSS الخاصة بالتطبيق، بحيث ظلت عمليات التحديث ودقة التخطيط قابلة للإدارة.

2. **واجهة المنتج متعددة اللغات + RTL**

كان لا بد أن تظل المسارات المُترجمة، وحقول الكيانات المُترجمة، وتخطيط القراءة من اليمين إلى اليسار (RTL) متسقة عبر عناصر التنقل، والبطاقات، والنماذج، وصفحات المواطنة/التسويق — وليس فقط في قوائم السلاسل النصية.

3. **محتوى إداري غني يظل آمنًا وقابلًا للاستخدام**

يحتاج المحررون إلى التنسيق والتضمينات و**استيراد HTML** للنصوص القديمة، في حين يجب عدم الخلط بين الترميز المكتوب في المحرر و HTML الخام (مسار اللصق/الاستيراد مقابل النص العادي). يعد التنقية وإخراج HTML القابل للتنبؤ أمرًا مهمًا لمخاطر XSS وعرض الواجهة الأمامية.

4. **فصل مكدسات Blade الخاصة بالإدارة ومكدسات Inertia العامة**

تم تجنب تسرب ملفات CSS/JS الخاصة بالسمة إلى واجهة الإدارة والحفاظ على وضوح قواعد SEO/البيانات الوصفية بين الصفحات الرئيسية وصفحات التفاصيل.

5. **نمو المجال دون هيكل متشابك**

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

6. **اتساق نظام التصميم على نطاق واسع**

استبدال ألوان السمات المبرمجة بشكل ثابت برموز CSS وأدوات البطاقات/الطباعة المشتركة عبر العديد من الصفحات دون تغيير شروط التفاعل أو التخطيط.

قابلية التوسع وسهولة الصيانة

- **سياقات محددة معيارية** — يتم طرح القطاعات الجديدة كوحدات (أو شرائح داخل وحدة) بدلاً من توسيع مجلد `app/` الرئيسي.

- **طبقات DDD-lite** — يظل HTTP خفيفًا؛ وتتم تنسيق العمليات التجارية في خدمات التطبيق؛ ويبقى التخزين الدائم في المستودعات باستخدام DTOs للاستعلام (لا يوجد `request()` في المستودعات).

- **نموذج المحتوى القابل للترجمة** — إضافة لغة محلية هي عملية تكوين + محتوى، وليست إعادة كتابة المخطط لكل صفحة.

- **عقود مستقرة أثناء إعادة الهيكلة** — يمكن أن تظل المسارات، وخصائص العرض/Inertia، وأشكال الاستجابة مستقرة بينما تتم ترحيل العناصر الداخلية جزءًا تلو الآخر.

- **واجهة المستخدم الأمامية بنظام تنقل شبيه بـ SPA** — يقلل Inertia من عمليات إعادة تحميل الصفحة بالكامل مع الاستمرار في استخدام Laravel للمصادقة والتحقق من الصحة ومسارات عرض الخادم الملائمة لتحسين محركات البحث (بما في ذلك SSR عند تهيئته).

- **خطافات القابلية للمراقبة** — يدعم كل من Telescope/Pulse والتسجيل المنظم تشخيص مشكلات الإنتاج مع تزايد حجم حركة المرور والمحتوى.

- **خط أنابيب الأصول** — يقوم Vite بإنشاء حزم العميل وحزم SSR؛ ويتم نشر أصول السمات تحت `public/` بحيث تظل استراتيجيات CDN/النشر بسيطة ومباشرة.

- منصة عقارية متعددة اللغات تركز على العقارات التركية والعروض المؤهلة للحصول على الجنسية

- موقع عام مبني على Laravel المعياري (DDD-lite) + Inertia.js / Vue 3 + نظام إدارة المحتوى (CMS) Blade

- التحديات: نقل السمة، RTL/i18n، استيراد آمن للنص المنسق/HTML، رموز تصميم العلامة التجارية على نطاق واسع

- قابلية التوسع عبر الوحدات النمطية، وخدمات حالات الاستخدام، والنماذج القابلة للترجمة، وعقود API/عرض مستقرة