← العودة إلى المشاريع موقع إلكتروني · تطوير الويب وتطبيقات الهاتف

TECHNI DAN

موقع معرض أعمال TECHNI DAN، مبني باستخدام Symfony لعرض مشاريع تطوير الويب وتطبيقات الهاتف والخدمات والخبرة التقنية.

TECHNI DAN
المشروع

المشروع

تطبيق Symfony متعدد اللغات باستخدام Twig وBootstrap وJavaScript وMySQL، مع توجيه محلي للغات وبيانات SEO وصفحات للمشاريع وتصميم متجاوب وعرض متحرك للاستوديو الرقمي.

بنية النظام ومحرك الويب المتكامل

تم بناء وتطوير منصة TECHNI DAN بالاعتماد على Symfony 7 وPHP 8.3. تجمع بين موثوقية التصيير من جانب الخادم (SSR) عبر Twig مع خط أدوات واجهة أمامية حديث مدعوم بـ Webpack Encore وHotwire Turbo وGSAP.

┌─────────────────────────────────────────────────────────────────────────────┐
│                 TECHNI DAN Multilingual Symfony 7 Platform                  │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🌍 Multilingual SEO Engine    🎨 High-Performance Motion   🛡️ Security & Scalability
  • 14 localized URL routes     • GSAP 3 + ScrollTrigger    • Stateless CSRF manager
  • Strict hreflang matrices    • Lenis smooth scrolling    • Double-submit token flow
  • CLI Sitemap generator       • 3D parallax depth scenes  • Webpack Encore bundling
  • Auto locale negotiator      • Motion-reduction fallback • Schema.org rich snippets
            

SEO دولي و14 لغة معتمدة

توجيه محلي، وعناوين روابط مترجمة، وخريطة موقع XML مؤتمتة لظهور عالمي دون تكرار المحتوى.

تجربة بصرية سلسة

حركات تفاعلية بمعدل 60 إطارًا في الثانية دون تعطيل مسار المعالجة الرئيسي أو التأثير على مؤشرات الأداء.

قوة البنية الخلفية والأمان

بنية Symfony حديثة دون حالة، مع حماية متقدمة ضد هجمات CSRF وامتثال تام لمعايير GDPR.

1. توجيه محلي وهيكلة SEO دولية

تدعم المنصة 14 لغة بشكل أصلي دون تكرار للمتحكمات البرمجية، مما يضمن أرشفة مثالية عبر محركات البحث:

  • عناوين مسارات URL مترجمة: يحتوي كل مسار في Symfony على رابط مخصص للغة المعنية (مثال: /ar/services, /fr/realisations, /en/portfolio).
  • مصفوفة وسوم hreflang البديلة: إنشاء تلقائي في ترويسة الصفحة لـ 14 وسم alternate مع مسار x-default احتياطي للغة الأساسية.
  • أمر سطر أوامر مؤتمت لتوليد خريطة الموقع: أمر كونسول مخصص في Symfony (app:generate-sitemap) لتجميع كافة المسارات الثابتة ومشاريع المعرض في ملف XML.
  • إعادة توجيه اللغة عبر EventSubscriber: توجيه تلقائي للزوار الجدد نحو لغة متصفحهم المفضلة دون تجاوز اختيار المستخدم اليدوي.

2. محرك الحركات وأداء الواجهة الأمامية

تجمع الواجهة الأمامية بين الطابع البصري الرقمي الجذاب وسرعة التصفح اللحظية:

تمرير سلس وتفاعلي عبر Lenis

تزامن تام بين التمرير المدعوم عتاديًا ورسوم GSAP المتحركة عبر مسار التوقيت الرئيسي.

تأثيرات ثلاثية الأبعاد وأزرار مغناطيسية

حسابات تفاعلية متعددة الطبقات في الوقت الفعلي تتبع حركة المؤشر داخل الشاشة الترحيبية.

سهولة الوصول ودعم الحركة المخففة

إيقاف أنيق وتلقائي لكافة الرسوم المتحركة للزوار الذين قاموا بتفعيل خيار prefers-reduced-motion.

3. أمان مؤسسي وحماية CSRF بدون حالة

تتبع معالجة النماذج وتبادل البيانات أحدث معايير الحماية الرقمية:

  • حماية CSRF غير مرتبطة بالحالة (Stateless): توليد مشفر للرموز عبر Web Crypto API، مع التحقق بواسطة ملفات كوكيز SameSite Strict وترويسة HTTP.
  • توافق كامل مع Hotwire Turbo: إدراج تلقائي لترويسات الأمان وإدارة صلاحية الكوكيز أثناء إرسال النماذج غير المتزامنة عبر Turbo.
  • بيانات Schema.org المنظمة: مخطط JSON-LD بياني متكامل (Organization, WebSite, Person, Service) لتعزيز الظهور في مقتطفات Google المنسقة.

4. مصفوفة المكونات التقنية

المكون التنفيذ التقني الأثر على تحسين محركات البحث والأداء
التوجيه متعدد اللغات Symfony 7 + Route Attributes per Locale SEO دولي استهداف دقيق لـ 14 سوقًا دون خطر معاقبة المحتوى المكرر
مولد خريطة الموقع Custom Console Command + DOMDocument ميزانية الزحف فهرسة شاملة وفورية لكافة روابط وعناوين الموقع
الحركات والتصيير GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals انعدام انزياح التنسيق التراكمي (CLS) وتقييم 95+ على Lighthouse
حماية CSRF دون حالة SameOriginCsrfTokenManager + Crypto API أمان متقدم حماية تامة من هجمات تزوير الطلبات عبر المواقع
دراسات حالة معيارية Dynamic Sub-template Loader محتوى دلالي محتوى تقني عميق يعزز الظهور في الكلمات المفتاحية الطويلة

هل تبحث عن منصة ويب فائقة الأداء؟

اعتمد على استوديو TECHNI DAN لتصميم وتطوير تطبيق الويب المخصص لمشروعك.

ابدأ مشروعك معنا