Notre stack — rien à cacher

Écosystème mature, rendu concurrent pour des transitions fluides.

Sécurité à la compilation, refactoring serein, auto-documentation du code.

HMR instantané en dev. Depuis la v8, le bundle est produit par rolldown et minifié par oxc — esbuild a quitté l'arbre de dépendances.

API déclarative, routes chargées à la demande, compatible Suspense.

Zero runtime, purge automatique, cohérence visuelle garantie par les tokens.

Copiés dans le repo — pas de dépendance de lib fragile, code 100% maîtrisé.

ARIA correct dès l'installation, navigation clavier, piège de focus.

API déclarative, respect de prefers-reduced-motion, composition GPU.

Tree-shaken, style cohérent, 1500+ icônes maintenues.

Toutes les routes du site — pages de service, pages locales et les 37 études de cas du portfolio — sont rendues au build dans un Chromium sans interface. Auparavant le serveur renvoyait le même index.html vide pour toutes : les robots qui n'exécutent pas JavaScript ne voyaient que les métadonnées de l'accueil.

LCP, INP, CLS mesurés chez les vrais utilisateurs, envoyés à GA4.

Outfit + Plus Jakarta Sans auto-hébergés, subset latin, font-display: optional.

Vendors séparés (react, motion, radix, pdf) → cache long terme optimal.

Title, description et Open Graph propres à chaque page.

Organization, LocalBusiness, Service, FAQPage, HowTo, BreadcrumbList, Article.

Fichier dédié à l'indexation par ChatGPT, Claude, Perplexity, Gemini.

Généré au build depuis les routes déclarées dans App.tsx — il ne peut pas prendre de retard sur le site.

Postgres managé, Auth, Storage, Edge Functions — open source.

Reçoit les messages du formulaire de contact, relayés par une fonction serverless Vercel.

Achemine les devis PDF du configurateur, via une fonction Supabase. Pas de filtrage par IP côté API.

Schémas typés partagés entre client et serveur, messages d'erreur français.

Déploiement au git-push, CDN mondial, HTTP/3, branches de prévisualisation.

Domaines kayzen-lyon.com et .fr, zone DNS et messagerie.

Revue de code et historique complet — c'est lui qui alimente le changelog public.

Cache stratégique des assets, page /offline.html de repli.

Partage la configuration de Vite, donc les mêmes alias et le même pipeline qu'en production.

Parcours critiques rejoués sur Chromium (bureau) et sur un profil mobile Pixel 7.

script-src sans 'unsafe-inline' : chaque script inline est autorisé par son empreinte SHA-256, vérifiée au build.

max-age 2 ans, includeSubDomains, preload registry Chrome.

Caméra, micro, USB, géolocalisation désactivés par défaut.

Consent Mode v2, refus par défaut, GA4 chargé après consentement explicite (sans GTM), sous-traitants nommés.

Règles strictes, vérification des hooks, bloquant en CI.

Inspection graphique des chunks, détection des imports lourds.

Autoprefixer, compatibilité des navigateurs modernes (es2020+ ciblé).

package-lock.json fait foi, et c'est lui que Vercel installe au déploiement.