Built with love in Lyon

بنيتنا التقنية — لا شيء نخفيه

هذه هي البنية التحتية الدقيقة التي يعمل عليها هذا الموقع. كل اختيار مدروس، وكل أداة أثبتت جدارتها. المعايير التقنية نفسها لجميع عملائنا.

35 أداة 8 فئات Lighthouse SEO 100 · perf 87

إطار الواجهة الأمامية

الأنماط ونظام التصميم

الأداء

  • العرض المسبق — Chromium دون واجهةv149.0HTML كامل من الخادم

    تُعرض جميع مسارات الموقع — صفحات الخدمات والصفحات المحلية ودراسات الحالة الـ 37 في معرض الأعمال — أثناء البناء داخل Chromium دون واجهة. في السابق كان الخادم يعيد ملف index.html الفارغ نفسه لكل الصفحات: فلم ترَ الروبوتات التي لا تنفّذ JavaScript سوى بيانات الصفحة الرئيسية الوصفية.

  • web-vitalsv6.1مراقبة RUM

    قياس LCP وINP وCLS لدى المستخدمين الفعليين، وإرسالها إلى GA4.

  • WOFF2 variable fontsالخطوط

    Outfit وPlus Jakarta Sans مستضافان ذاتيًا، مجموعة لاتينية فرعية، font-display: optional.

  • تقسيم يدوي للحزمCode splitting

    حزم الموردين منفصلة (react وmotion وradix وpdf) ← تخزين مؤقت مثالي على المدى الطويل.

السيو والبيانات المنظَّمة

  • @dr.pogodin/react-helmetv3.2بيانات وصفية لكل مسار

    عنوان ووصف وOpen Graph خاصة بكل صفحة.

  • Schema.org JSON-LDالبيانات المنظَّمة

    Organization, LocalBusiness, Service, FAQPage, HowTo, BreadcrumbList, Article.

  • llms.txtتحسين GEO

    ملف مخصّص للفهرسة لدى ChatGPT وClaude وPerplexity وGemini.

  • Sitemap XMLقابلية الزحف

    يُولَّد أثناء البناء من المسارات المعلنة في App.tsx — فلا يمكن أن يتأخر عن الموقع.

الواجهة الخلفية والبيانات

  • Postgres مُدار، وAuth وStorage وEdge Functions — مفتوح المصدر.

  • يستقبل رسائل نموذج التواصل عبر دالة serverless على Vercel.

  • Resend (علامة تبويب جديدة)رسائل البريد التفاعلية

    يوصل عروض الأسعار بصيغة PDF من أداة التهيئة عبر دالة Supabase. لا تصفية حسب IP على مستوى الواجهة البرمجية.

  • Zodv4.4التحقق وقت التشغيل

    مخططات مُنمَّطة مشتركة بين العميل والخادم، ورسائل خطأ بالفرنسية.

البنية التحتية وCI/CD

  • نشر عند كل git push، وشبكة CDN عالمية، وHTTP/3، وفروع معاينة.

  • IONOS (علامة تبويب جديدة)مسجّل النطاقات وDNS

    النطاقان kayzen-lyon.com و.fr، ومنطقة DNS، والبريد.

  • GitHubإدارة الإصدارات

    مراجعة الشيفرة وسجل كامل — وهو الذي يغذّي سجل التحديثات العلني.

  • Service WorkerOffline-first

    تخزين مؤقت مدروس للموارد، وصفحة احتياطية /offline.html.

  • Vitestv4.1اختبارات الوحدات

    يتشارك إعدادات Vite، أي الأسماء المستعارة وسلسلة المعالجة نفسها المستخدمة في الإنتاج.

  • Playwrightv1.62اختبارات E2E

    تُعاد المسارات الحرجة على Chromium (سطح المكتب) وعلى ملف جوّال Pixel 7.

الأمان والامتثال

  • Content-Security-Policyمكافحة XSS

    script-src دون 'unsafe-inline': كل سكربت مضمَّن مسموح به عبر بصمته SHA-256، التي يُتحقَّق منها أثناء البناء.

  • HSTS preloadمكافحة خفض مستوى الأمان

    max-age لمدة سنتين، وincludeSubDomains، وقائمة preload في Chrome.

  • Permissions-Policyأقل الصلاحيات

    الكاميرا والميكروفون وUSB وتحديد الموقع معطّلة افتراضيًا.

  • GDPR by designالخصوصية

    Consent Mode v2، والرفض افتراضيًا، وتحميل GA4 بعد موافقة صريحة فقط (دون GTM)، والمعالِجون من الباطن مسمَّون.

الأدوات الداخلية

  • ESLintv10.8فحص الشيفرة

    قواعد صارمة، وفحص الـ hooks، ويوقف CI عند الخطأ.

  • rollup-plugin-visualizerv7.0تحليل الحزمة

    فحص رسومي للحزم، واكتشاف الاستيرادات الثقيلة.

  • PostCSSv8.5بناء CSS

    Autoprefixer، وتوافق مع المتصفحات الحديثة (استهداف es2020+).

  • npmمدير الحزم

    ملف package-lock.json هو المرجع، وهو ما يثبّته Vercel عند النشر.

هذه الصفحة حيّة

نحدّث هذه القائمة مع كل تطوّر رئيسي. راجع سجل التحديثات العلني للاطلاع على التاريخ الكامل للتكرارات، أو نظام التصميم الخاص بنا للرموز والمكوّنات.

ناقش بنيتك التحتية معنا