louis-potevin.dev
Ce site. Astro multi-pages, fond 3D, bilingue, 100 % Nova Design System.
Plan de construction
Du wireframe au produit.
Structure : Astro, routes FR/EN, données typées.
Le site sert de vitrine et de banc d'essai au design system : chaque bouton, badge, champ ou fil d'Ariane provient du paquet npm `@unkn0wndo3s/nova-design-system`, sans style dupliqué.
Côté 3D, une ceinture d'astéroïdes réagit au scroll sur la page d'accueil et les composants du design system flottent en 3D sur sa page projet. Le tout se coupe proprement sans WebGL ou quand l'utilisateur préfère réduire les animations.
Points clés
- Bilingue FR/EN avec hreflang et sitemap localisé
- Scène Three.js pilotée par le scroll, fallback sans WebGL
- JSON-LD Person / WebSite / BreadcrumbList / SoftwareSourceCode