تطوير الموقع
يعمل الموقع باستخدام Next.js وReact وTypeScript. تُستخدم هذه الأدوات لبناء الصفحات والمكونات، وتنظيم المحتوى، وتقديم نسخ محسّنة للمتصفح.
خلف الموقع
تقنية الموقع
نظرة على التقنيات المستخدمة في تطوير موقع كيوتل، وتجربة التصفح والأداء التي تدعمها.
التنفيذ الفعلي
واجهة مبنية للغتين وتجربة واحدة
العربية والإنجليزية
يدعم الموقع مسارات عربية وإنجليزية متقابلة، واتجاهي RTL وLTR، ومبدّل لغة يحافظ على الصفحة المقابلة كلما كانت متاحة.
التصميم والتفاعل
تعتمد الواجهة على مكونات مشتركة ونظام بصري موحد، مع حركات انتقال وظهور مرتبطة بالتمرير وتفاعلات واضحة للأزرار والبطاقات.
الأداء وتجربة التصفح
تُحمّل الصور عبر مكوّن الصور في Next.js بأحجام مناسبة، وتُستخدم خطوط محلية وموارد مبنية مع الموقع لتقليل الطلبات الخارجية غير اللازمة.
إتاحة الاستخدام
تتضمن الصفحات رابط تجاوز للمحتوى، وتسلسل عناوين دلاليًا، ودعم لوحة المفاتيح وحالات تركيز ظاهرة، كما تتوقف الحركات غير الضرورية عند تفعيل تقليل الحركة.
التطوير والصيانة
تُدار النصوص ثنائية اللغة والمكونات المشتركة من مصادر منظمة، وتُراجع التغييرات بالفحوص الآلية والمعاينة على أحجام مختلفة قبل تشغيلها.