← Retour aux réalisations Site web · Développement web et mobile

TECHNI DAN

Le site portfolio de TECHNI DAN, développé avec Symfony pour présenter des projets web et mobiles, des services et une expertise technique.

TECHNI DAN
PROJET

Le projet

Une application Symfony multilingue avec Twig, Bootstrap, JavaScript et MySQL, intégrant un routage localisé, des métadonnées SEO, des pages portfolio, un design responsive et une présentation de studio digital animée.

Architecture Système & Moteur Full-Stack

La plateforme TECHNI DAN est développée sous Symfony 7 et PHP 8.3. Elle associe la robustesse du rendu côté serveur (SSR) avec Twig à une couche frontend moderne pilotée par Webpack Encore, Hotwire Turbo et 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 International & 14 Langues

Routage localisé, slugs traduits et sitemap XML automatisé pour un référencement mondial sans duplication.

Expérience Visuelle & Fluidité

Animations interactives à 60 FPS sans bloquer le fil d'exécution principal ni dégrader les Core Web Vitals.

Sécurité & Robustesse Backend

Architecture Symfony moderne sans état, protection CSRF avancée et conformité stricte aux standards RGPD.

1. Routage Localisé & Architecture SEO International

L'application gère 14 langues de façon native sans duplication de contrôleurs, garantissant une indexation optimale par Google :

  • Slugs d'URLs Traduits: Chaque route Symfony possède un chemin personnalisé selon la langue (ex: /fr/realisations, /en/portfolio, /de/projekte).
  • Matrice d'Alternance hreflang: Génération automatique dans l'en-tête de 14 balises alternate avec fallback x-default vers la langue par défaut.
  • Commande CLI de Sitemap Automatisée: Commande Symfony dédiée (app:generate-sitemap) qui compile l'intégralité des routes statiques et projets dynamiques en XML.
  • Négociation de Langue par EventSubscriber: Redirection automatique des nouveaux visiteurs vers leur langue préférée sans perturber le choix manuel des utilisateurs.

2. Moteur d'Animation & Performance Frontend

Le frontend combine design studio immersif et temps de réponse ultra-rapides :

Défilement Inertiel Lenis

Synchronisation parfaite entre le scroll fluide et le moteur d'animation GSAP via le ticker principal.

Parallaxe 3D & Boutons Magnétiques

Effets de profondeur multi-couches calculés en temps réel lors du déplacement du curseur (scène Hero).

Accessibilité & Mouvement Réduit

Désactivation automatique et élégante de toutes les animations pour les utilisateurs ayant activé prefers-reduced-motion.

3. Sécurité Avancée & Protection CSRF Sans État

La sécurité des échanges et formulaires repose sur des protocoles modernes :

  • Protection CSRF Sans État (Stateless): Génération dynamique de jetons via l'API Web Crypto avec validation par cookie SameSite Strict et en-tête HTTP.
  • Compatibilité Hotwire Turbo: Injection automatique des en-têtes de sécurité lors des soumissions de formulaires asynchrones gérées par Turbo.
  • Données Structurées Schema.org: Balisage JSON-LD complet (Organization, WebSite, Person, Service) favorisant l'affichage en rich snippets Google.

4. Matrice des Composants Techniques

Composant Implémentation Technique Impact SEO & Performance
Routage Multilingue Symfony 7 + Route Attributes per Locale SEO International Ciblage précis de 14 pays sans risque de duplicate content
Générateur Sitemap Custom Console Command + DOMDocument Crawl Budget Indexation exhaustive et instantanée des nouvelles URLs
Motion & Rendu GSAP 3 + Lenis + Webpack Encore SCSS Core Web Vitals Zéro CLS et scores de performance 95+ sur Lighthouse
CSRF Sans État SameOriginCsrfTokenManager + Crypto API Sécurité Protection totale contre les attaques Cross-Site Request Forgery
Études de Cas Modulaires Dynamic Sub-template Loader Sémantique Contenu technique riche boostant le positionnement de longue traîne

Vous Souhaitez un Site Performant ?

Confiez la conception de votre application web ou site sur-mesure à TECHNI DAN.

Démarrer Votre Projet