Onze stack — niets te verbergen

Volwassen ecosysteem, concurrent rendering voor vloeiende overgangen.

Zekerheid bij het compileren, zorgeloos refactoren, zelfdocumenterende code.

Directe HMR tijdens ontwikkeling. Sinds v8 wordt de bundle gemaakt door rolldown en geminificeerd door oxc — esbuild is uit de afhankelijkhedenboom verdwenen.

Declaratieve API, routes die op aanvraag laden, compatibel met Suspense.

Geen runtime, automatisch opschonen, visuele consistentie gegarandeerd door tokens.

Gekopieerd in de repository — geen kwetsbare bibliotheekafhankelijkheid, code 100% in eigen hand.

Correcte ARIA vanaf installatie, toetsenbordnavigatie, focus trap.

Declaratieve API, respecteert prefers-reduced-motion, GPU-compositing.

Tree-shaken, consistente stijl, meer dan 1.500 onderhouden iconen.

Alle routes van de site — dienstenpagina's, lokale pagina's en de 37 casestudy's in het portfolio — worden tijdens de build gerenderd in een headless Chromium. Voorheen stuurde de server voor allemaal dezelfde lege index.html terug: crawlers die geen JavaScript uitvoeren, zagen alleen de metadata van de homepage.

LCP, INP en CLS gemeten bij echte gebruikers en naar GA4 gestuurd.

Outfit + Plus Jakarta Sans zelf gehost, Latijnse subset, font-display: optional.

Aparte vendors (react, motion, radix, pdf) → optimale caching op lange termijn.

Eigen title, description en Open Graph voor elke pagina.

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

Apart bestand voor indexering door ChatGPT, Claude, Perplexity en Gemini.

Tijdens de build gegenereerd uit de routes in App.tsx — hij kan nooit achterlopen op de site.

Beheerde Postgres, Auth, Storage, Edge Functions — open source.

Ontvangt de berichten van het contactformulier, doorgestuurd via een serverless functie op Vercel.

Verzendt de pdf-offertes van de configurator via een Supabase-functie. Geen IP-filtering aan de API-kant.

Getypeerde schema's gedeeld tussen client en server, Franstalige foutmeldingen.

Deployment bij elke git push, wereldwijd CDN, HTTP/3, preview-branches.

Domeinen kayzen-lyon.com en .fr, DNS-zone en e-mail.

Code review en volledige geschiedenis — hieruit wordt het openbare wijzigingslogboek gevoed.

Strategische caching van assets, terugvalpagina /offline.html.

Deelt de configuratie van Vite, dus dezelfde aliassen en dezelfde pipeline als in productie.

Kritieke gebruikersroutes afgespeeld op Chromium (desktop) en op een mobiel Pixel 7-profiel.

script-src zonder 'unsafe-inline': elk inline script is toegestaan via zijn SHA-256-hash, gecontroleerd tijdens de build.

max-age van 2 jaar, includeSubDomains, preloadlijst van Chrome.

Camera, microfoon, USB en geolocatie standaard uitgeschakeld.

Consent Mode v2, standaard geweigerd, GA4 pas geladen na uitdrukkelijke toestemming (zonder GTM), verwerkers bij naam genoemd.

Strikte regels, controle van hooks, blokkerend in de CI.

Grafische inspectie van de chunks, opsporen van zware imports.

Autoprefixer, compatibiliteit met moderne browsers (doel es2020+).

package-lock.json is leidend, en precies dat installeert Vercel bij de deployment.