بنيتنا التقنية — لا شيء نخفيه
هذه هي البنية التحتية الدقيقة التي يعمل عليها هذا الموقع. كل اختيار مدروس، وكل أداة أثبتت جدارتها. المعايير التقنية نفسها لجميع عملائنا.
إطار الواجهة الأمامية
منظومة ناضجة، وعرض متزامن لانتقالات سلسة.
أمان عند الترجمة، وإعادة هيكلة مطمئنة، وشيفرة توثّق نفسها.
HMR فوري أثناء التطوير. منذ الإصدار 8 يُنتج rolldown الحزمة ويصغّرها oxc — وخرج esbuild من شجرة التبعيات.
واجهة برمجية تصريحية، ومسارات تُحمَّل عند الطلب، ومتوافق مع Suspense.
الأنماط ونظام التصميم
دون أي كلفة وقت تشغيل، وتنقية تلقائية، وتماسك بصري تضمنه الرموز.
- shadcn/ui (علامة تبويب جديدة)مكوّنات أساسية
منسوخة داخل المستودع — لا اعتماد هشًّا على مكتبة، وشيفرة تحت السيطرة بنسبة 100%.
- Radix UI (علامة تبويب جديدة)عناصر أساسية قابلة للوصول
ARIA صحيح منذ التثبيت، وتنقّل بلوحة المفاتيح، وحصر التركيز.
واجهة تصريحية، واحترام prefers-reduced-motion، وتركيب عبر GPU.
Tree-shaking، وأسلوب متناسق، وأكثر من 1500 أيقونة مُصانة.
الأداء
- العرض المسبق — 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 — مفتوح المصدر.
- Brevo (علامة تبويب جديدة)نموذج التواصل
يستقبل رسائل نموذج التواصل عبر دالة serverless على Vercel.
- Resend (علامة تبويب جديدة)رسائل البريد التفاعلية
يوصل عروض الأسعار بصيغة PDF من أداة التهيئة عبر دالة Supabase. لا تصفية حسب IP على مستوى الواجهة البرمجية.
- Zodv4.4التحقق وقت التشغيل
مخططات مُنمَّطة مشتركة بين العميل والخادم، ورسائل خطأ بالفرنسية.
البنية التحتية وCI/CD
- Vercel (علامة تبويب جديدة)استضافة Edge
نشر عند كل 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 عند النشر.
هذه الصفحة حيّة
نحدّث هذه القائمة مع كل تطوّر رئيسي. راجع سجل التحديثات العلني للاطلاع على التاريخ الكامل للتكرارات، أو نظام التصميم الخاص بنا للرموز والمكوّنات.
ناقش بنيتك التحتية معنا