Sparwelt GmbH_

## التحدي

كانت لدى Sparwelt مجموعة من مشكلات بوابة القسائم الكلاسيكية: الكثير من الصفحات، محتوى يتغير باستمرار، استخدام مكثف للهواتف المحمولة، واعتماد قوي على تحسين محركات البحث. التحدي الهندسي الرئيسي كان الحفاظ على واجهة الاستخدام متجاوبة دون تحويل الواجهة الأمامية إلى تطبيق أحادي الصفحة ضخم.

## التنفيذ التقني

تولى Symfony التعامل مع عقود الخلفية ومسار العرض، بينما تم تقديم Vue.js حيث كان من الواضح أن التفاعلية قد حسنت التجربة. وقد أبقى ذلك التطبيق تفاعليًا حيث كان ذلك ضروريًا، ولكنه تجنب تحميل تعقيد غير ضروري على كل صفحة.

تم تنظيم الواجهة الأمامية حول مكونات معيارية ذات حالة محلية محدودة، مما جعل من السهل تحليل الأداء وقلل من نطاق تأثير تغييرات واجهة المستخدم.

## ما الذي كان مهمًا تقنيًا

- التحسين التدريجي بدلاً من تقديم واجهة عميلة شاملة
- أداء تفاعلي ملائم للهواتف المحمولة
- حدود عرض واضحة بين عمل الخادم والعميل
- تسليم الواجهة الأمامية معدلة للصفحات ذات المحتوى الكثيف

لم يكن الناتج "واجهة فاخرة." بل كان موقعًا ظل قابلاً للاستخدام، سريعًا، وصديقًا لمحركات البحث تحت القيود التي كانت فعلاً مهمة.

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