Architecture d'un portfolio d'ingénierie moderne mettant en valeur architectures cloud, agents d'IA autonomes, bac à sable physique 2D et internationalisation bilingue instantanée.
La problématique : dépasser les modèles de portfolios génériques
La majorité des portfolios reposent sur des modèles prévisibles à dégradés violets et faible densité d'information. L'objectif était de concevoir une expérience tactile et singulière avec shaders WebGL, physique interactive Matter.js et rigueur d'accessibilité respectant les standards les plus exigeants.
Stack Next.js 16 App Router de pointe
Développé avec Next.js 16 et React 19 sous Tailwind CSS v4. Le site intègre des shaders WebGL avec repli accessible pour `prefers-reduced-motion`, un bac à sable d'outils interactif avec Matter.js et zéro décalage de mise en page lors des transitions.
Défis techniques clés
- 1
Garantie d'une simulation physique à 60fps sur appareils mobiles économes en énergie.
- 2
Bascule bilingue instantanée sans scintillement d'hydratation ni rechargement de page.
Audit qualité et performances
- 100 / 100
- Score performance
- 100 / 100
- Accessibilité
- 0.000
- Décalage de mise en page
- llms.txt + JSON-LD
- Préparation SEO & IA