Zurück zu den Projekten

KAUFASTIT-Service-Website, auf Performance getrimmt

Von Kenneth Melchor, Gründer & Technischer Direktor

2026
Custom SoftwareCloud InfrastructureBusiness Automation
Next.js 16React 19VercelCloudflareCSS ModulesSEO
KAUFAST — IT services site, engineered to perform

Diese Fallstudie dokumentiert, wie KAUFAST seine eigene IT-Service-Website als lebendigen Beweis handwerklicher Qualität entwickelt hat. Eine Next.js 16-Anwendung mit 13 Lokalisierungen, Edge-Middleware, Server-Side Rendering und einem Designsystem, das vollständig in CSS gebaut wurde — keine Frameworks, kein Ballast. Jede Architekturentscheidung wurde getroffen, um Performance, Barrierefreiheit und Suchsichtbarkeit über 156 Seiten hinweg zu maximieren. Die Website dient sowohl als kundenorientierte Plattform als auch als technische Referenz und demonstriert in der Produktion jede Fähigkeit, die KAUFAST seinen Kunden bietet — von Internationalisierung über strukturierte Daten bis hin zu Seitenladezeiten unter einer Sekunde. Das Internationalisierungssystem nutzt wörterbuchgesteuerte Inhalte über alle 13 Lokalisierungen hinweg, mit länderspezifischer Differenzierung für Märkte mit gemeinsamer Sprache — österreichisches Deutsch, mexikanisches Spanisch und brasilianisches Portugiesisch erhalten jeweils marktgerechte Texte.

Der Umfang umfasste Full-Stack-Entwicklung mit Next.js 16 und React 19, ein maßgeschneidertes CSS-Designsystem ohne Framework-Abhängigkeiten — vollständig in CSS Modules gebaut —, Edge-Deployment-Infrastruktur über Vercels globales Netzwerk und eine automatisierte SEO-Monitoring-Pipeline, integriert mit Google Search Console und PageSpeed APIs. Das Ergebnis ist eine Website, die 97+ auf Google PageSpeed erreicht und gleichzeitig regionsspezifische Inhalte an 13 Märkte ausliefert. Die Abdeckung mit strukturierten Daten umfasst Organization, LocalBusiness für zwei physische Büros, AggregateRating aus Google-Bewertungen und FAQPage-Schemas auf allen Serviceseiten.


Die meisten Agentur-Websites sind überentwickelte Prestigeprojekte, die Performance für visuelle Effekte opfern. Wir haben uns eine härtere Aufgabe gestellt: 13 Lokalisierungen mit Locale-aware Routing und regionsspezifischen Inhalten bedienen, 97+ auf Google PageSpeed in allen vier Kategorien erreichen, WCAG 2.1 AA-Barrierefreiheitsstandards erfüllen, strukturierte Daten für jede Route ausliefern und auf einem globalen Edge-Netzwerk deployen — alles ohne CSS-Framework, Komponentenbibliothek oder Laufzeit-JavaScript-Abhängigkeit über React hinaus. Die Build-Pipeline umfasst automatisierte Lighthouse-Audits, visuelle Regressionstests und die Validierung strukturierter Daten bei jedem Deployment, um Performance-Regressionen zu verhindern.

KAUFAST — Die Herausforderung

i18n-Architektur für 13 LocalesEdge Middleware RoutingCSS Design SystemStrukturierte Daten für jede SeiteISR + Statische GenerierungAutomatisiertes Performance-Monitoring
KAUFAST — i18n-Architektur für 13 LocalesKAUFAST — Edge Middleware RoutingKAUFAST — CSS Design SystemKAUFAST — Strukturierte Daten für jede Seite

„Eine Website mit 13 Locales, perfekten Lighthouse-Scores, sub-100ms TTFB und Null CSS-Framework-Abhängigkeiten – denn die beste Referenz ist die eigene Arbeit.“


Die Zahlen bestätigen die Architektur. Die KAUFAST-Website erreicht konsistent 97+ auf Google PageSpeed in allen vier Kategorien — Performance, Barrierefreiheit, Best Practices und SEO — über 156 Seiten in 13 Lokalisierungen. Die Time to First Byte bleibt weltweit unter 100 Millisekunden, ausgeliefert über Vercels Edge-Netzwerk mit ISR-Caching. Das CSS-Designsystem wiegt unter 40 KB komprimiert, ohne JavaScript-Laufzeit-Overhead über React hinaus. Jede Seite wird mit vollständigen Schema.org-strukturierten Daten ausgeliefert — BreadcrumbList, Organization, LocalBusiness, WebPage und routenspezifische Typen — und ermöglicht Rich Results in der Google-Suche. Die automatisierte Monitoring-Pipeline erkennt Performance-Regressionen innerhalb von Minuten nach dem Deployment. Über 30 Serviceseiten, 10 Fallstudien und ein mehrsprachiger Blog mit 34 Artikeln werden aus einem einzigen Repository mit wörterbuchgesteuerter Internationalisierung über alle 13 Lokalisierungen hinweg gepflegt. Die automatisierte CI/CD-Pipeline führt bei jedem Deployment Lighthouse-Audits und Validierungen der strukturierten Daten durch, um Qualitätsregressionen proaktiv zu verhindern.

97+

PageSpeed-Score

13

Unterstützte Locales

<100ms

Weltweiter TTFB

100

Accessibility-Score


97Geschwindigkeit
100Barrierefreiheit
100Best Practices
100Suche
Live & gepflegtSEO-optimiert

Mobil · Google PageSpeed Insights


97+

Lighthouse-Score auf kaufast.com in allen vier Kategorien — verifiziert über Google PageSpeed Insights, Juni 2026

20+

Jahre technologische Lösungen — gegründet in Barcelona, 2004

50+

Projekte geliefert in 6 Ländern auf 3 Kontinenten

< 100ms

Time to First Byte über Vercel Edge Network — alle verwalteten Projekte, weltweit

Alle Kennzahlen unabhängig überprüfbar. Letzte Prüfung: Juni 2026.

KAUFAST — IT services site, engineered to perform

Erbringte Leistungen

  • Custom Software
  • Cloud Infrastructure
  • Business Automation
  • SEO
Dienstleistungen

Technologien

  • Next.js 16
  • React 19
  • TypeScript 5
  • Vercel Edge Network
  • CSS Modules
  • Google APIs

Team

  • Technical Lead
  • Full-Stack Developer
  • UX Designer
  • SEO Strategist
  • Content Lead

Entwickelt von


Wünschen Sie sich ähnliche Ergebnisse?

Kontakt aufnehmen