Suburbia est une interface e-commerce expérimentale démontrant l'intégration du rendu 3D en temps réel au sein d'une architecture d'application web moderne. Utilisant React Three Fiber et Next.js App Router, il offre une expérience d'achat fluide où les utilisateurs peuvent interagir avec les produits dans un espace 3D, le tout lourdement optimisé via la génération de sites statiques (SSG).
L'application propose des animations avancées liées au défilement, des effets de parallaxe, et un configurateur 3D sur-mesure.
Aperçu de la Section Héro
La section héros intègre des animations GSAP et une composition de texte dynamique conçues pour plonger immédiatement les utilisateurs dans la culture du skateboard.
Derniers Modèles Sortis
Des grilles de produits interactives mettent en valeur les derniers concepts de planches, tandis que les interfaces à défilement parallaxe guident naturellement les visiteurs vers l'Entrée du Configurateur de Planches.
L'Équipe de Skateurs
La présentation de l'équipe met en évidence des effets de masquage distincts, mettant en lumière le noyau dur de l'équipe de skate.
three et @react-three/fiber pour la personnalisation en temps réel de la planche 3D.Tailwind CSS, orchestré avec clsx pour les états responsives dynamiques.gsap.
