louis-potevin.dev
This website. Multi-page Astro app, 3D background, bilingual, 100% Nova Design System.
Blueprint
From wireframe to product.
Structure: Astro, FR/EN routes, typed data.
The site doubles as a showcase and test bench for the design system: every button, badge, field or breadcrumb comes from the `@unkn0wndo3s/nova-design-system` npm package, with no duplicated styling.
On the 3D side, an asteroid belt reacts to scroll on the home page and the design system components float in 3D on its project page. Everything degrades cleanly without WebGL or when the user prefers reduced motion.
Highlights
- Bilingual FR/EN with hreflang and localized sitemap
- Scroll-driven Three.js scene, no-WebGL fallback
- Person / WebSite / BreadcrumbList / SoftwareSourceCode JSON-LD