Vos pierres ne sont visibles qu’en showroom

Un catalogue en trois langues, arabe compris, et une demande de devis sur chaque pierre.

Un parcours dans le site, données de démonstration : l’accueil défilé de haut en bas, le carrousel 3D, le catalogue, une fiche pierre basculée en arabe, puis une demande de devis envoyée depuis le formulaire.
Le catalogue, données de démonstration : la première rangée de pierres avec nom et origine, rendue depuis la base SQLite.
Une fiche pierre, données de démonstration : photo, versions, le bouton de demande de devis et la description.
La même fiche en arabe, données de démonstration : toute la mise en page passe de droite à gauche, polices comprises.
Le formulaire de devis rempli, données de démonstration : nom, téléphone, type de projet et message, avant envoi.

Le problème

Un marbrier voulait ses pierres en ligne en trois langues, arabe de droite à gauche compris, et des demandes de devis qui ne se perdent jamais.

Ce que j’ai construit

Un site Next.js avec des fiches pierres rendues depuis SQLite, des carrousels 3D et un formulaire de devis envoyé vers Google Sheets. Une traduction manquante casse le build : aucune page ne part à moitié traduite.

Détails techniques

GSAP ScrollTrigger et Lenis pilotés par une seule horloge
Exhaustivité des traductions garantie par le typage
Des harnais de bout en bout en bash et Puppeteer, dont un qui change de langue dans un vrai navigateur
Carrousel au swipe qui ne vole jamais le scroll vertical sur mobile

Stack

Next.js 16
TypeScript strict
Tailwind 4
GSAP + Lenis
SQLite + Drizzle

Le résultat

Données produits et entreprise locale prêtes pour Google, demandes de devis conservées même si l’envoi échoue, et un code entièrement typé, sans any.

Un projet similaire en tête ?

Parlez-moi de votre activité et de votre échéance. Vous recevez une proposition par email.

Je veux ce système

Autres projets

Sites web codés · Boutique de marbre, paiement à la livraisonVendre du marbre en ligne sans monter une usine à gazVoir le projet