Unser Stack — nichts zu verbergen

Ausgereiftes Ökosystem, Concurrent Rendering für flüssige Übergänge.

Sicherheit beim Kompilieren, entspanntes Refactoring, selbstdokumentierender Code.

Sofortiges HMR in der Entwicklung. Seit v8 wird das Bundle von rolldown erzeugt und von oxc minifiziert — esbuild ist aus dem Abhängigkeitsbaum verschwunden.

Deklarative API, bei Bedarf geladene Routen, Suspense-kompatibel.

Keine Laufzeit, automatisches Purging, visuelle Konsistenz durch Tokens.

Direkt ins Repository kopiert — keine fragile Bibliotheksabhängigkeit, Code zu 100 % unter Kontrolle.

Korrektes ARIA ab Installation, Tastaturnavigation, Fokusfalle.

Deklarative API, berücksichtigt prefers-reduced-motion, GPU-Compositing.

Tree-shaking, einheitlicher Stil, über 1.500 gepflegte Icons.

Alle Routen der Website — Leistungsseiten, lokale Seiten und die 37 Fallstudien des Portfolios — werden beim Build in einem Headless Chromium gerendert. Zuvor lieferte der Server für alle dieselbe leere index.html aus: Crawler, die kein JavaScript ausführen, sahen nur die Metadaten der Startseite.

LCP, INP und CLS bei echten Nutzern gemessen und an GA4 gesendet.

Outfit + Plus Jakarta Sans selbst gehostet, lateinisches Subset, font-display: optional.

Getrennte Vendor-Chunks (react, motion, radix, pdf) → optimales Langzeit-Caching.

Eigener Title, eigene Description und Open-Graph-Daten für jede Seite.

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

Eigene Datei für die Indexierung durch ChatGPT, Claude, Perplexity und Gemini.

Beim Build aus den in App.tsx deklarierten Routen erzeugt — sie kann der Website nie hinterherhinken.

Verwaltetes Postgres, Auth, Storage, Edge Functions — Open Source.

Empfängt die Nachrichten des Kontaktformulars, weitergeleitet über eine Serverless-Funktion auf Vercel.

Versendet die PDF-Angebote des Konfigurators über eine Supabase-Funktion. Keine IP-Filterung auf API-Seite.

Typisierte Schemas, gemeinsam genutzt von Client und Server, französische Fehlermeldungen.

Deployment per git push, weltweites CDN, HTTP/3, Preview-Branches.

Domains kayzen-lyon.com und .fr, DNS-Zone und E-Mail.

Code-Review und vollständige Historie — daraus speist sich das öffentliche Änderungsprotokoll.

Gezieltes Caching der Assets, Ersatzseite /offline.html.

Nutzt die Konfiguration von Vite, also dieselben Aliase und dieselbe Pipeline wie in Produktion.

Kritische Abläufe werden auf Chromium (Desktop) und einem mobilen Pixel-7-Profil durchgespielt.

script-src ohne 'unsafe-inline': Jedes Inline-Skript ist über seinen SHA-256-Hash freigegeben, beim Build geprüft.

max-age 2 Jahre, includeSubDomains, Chrome-Preload-Liste.

Kamera, Mikrofon, USB und Standortzugriff standardmäßig deaktiviert.

Consent Mode v2, standardmäßig abgelehnt, GA4 erst nach ausdrücklicher Einwilligung geladen (ohne GTM), Auftragsverarbeiter namentlich genannt.

Strenge Regeln, Prüfung der Hooks, blockierend in der CI.

Grafische Analyse der Chunks, Erkennung schwerer Imports.

Autoprefixer, Kompatibilität mit modernen Browsern (Ziel es2020+).

package-lock.json ist maßgeblich — genau das installiert Vercel beim Deployment.