Zurück zu den Projekten

KAUFASTIT-Service-Website, auf Performance getrimmt — aus Wien

Von Kenneth Melchor, Gründer & Technischer Direktor

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

Dieses Kundenprojekt dokumentiert, wie KAUFAST seine eigene IT-Service-Website als lebendigen Qualitätsnachweis entwickelt hat. Eine Next.js 16-Anwendung mit 13 Lokalisierungen, Edge-Middleware, Server-Side Rendering und einem Designsystem, das zur Gänze in CSS realisiert wurde — keine Frameworks, kein unnötiger Ballast. Jede Architekturentscheidung wurde darauf ausgerichtet, Performance, Barrierefreiheit und Suchsichtbarkeit über 156 Seiten hinweg zu maximieren. Die Website dient gleichzeitig als kundenorientierte Plattform und als technische Referenz und demonstriert in der Produktion jede Fähigkeit, die KAUFAST seinen Kunden im DACH-Raum und darüber hinaus bietet — von Internationalisierung über strukturierte Daten bis zu Seitenladezeiten unter einer Sekunde. Das Internationalisierungssystem nutzt wörterbuchgesteuerte Inhalte über alle 13 Lokalisierungen, mit länderspezifischer Differenzierung für Märkte mit gemeinsamer Sprache — österreichisches Deutsch, mexikanisches Spanisch und brasilianisches Portugiesisch erhalten jeweils marktgerechte Texte.

Der Leistungsumfang beinhaltete Full-Stack-Entwicklung mit Next.js 16 und React 19, ein maßgeschneidertes CSS-Designsystem ohne jegliche Framework-Abhängigkeiten — zur Gänze in CSS Modules realisiert —, Edge-Deployment-Infrastruktur über Vercels globales Netzwerk und eine automatisierte SEO-Monitoring-Pipeline mit Anbindung an Google Search Console und PageSpeed APIs. Das Resultat ist eine Website, die 97+ auf Google PageSpeed erzielt 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 sämtlichen Serviceseiten.


Die meisten Agentur-Websites sind überentwickelte Vorzeigeprojekte, die Performance zugunsten visueller Effekte aufgeben. Wir haben uns eine anspruchsvollere Aufgabe gestellt: 13 Lokalisierungen mit Locale-aware Routing und regionsspezifischen Inhalten bedienen, 97+ auf Google PageSpeed in allen vier Kategorien erzielen, WCAG 2.1 AA-Barrierefreiheitsstandards erfüllen, strukturierte Daten für jede Route bereitstellen und auf einem globalen Edge-Netzwerk deployen — das alles ohne CSS-Framework, Komponentenbibliothek oder Laufzeit-JavaScript-Abhängigkeit über React hinaus. Die Build-Pipeline beinhaltet automatisierte Lighthouse-Audits, visuelle Regressionstests und die Validierung strukturierter Daten bei jedem Deployment, um Performance-Regressionen zuverlässig 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 sprechen für die Architektur. Die KAUFAST-Website erzielt durchgehend 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 liegt weltweit unter 100 Millisekunden, ausgeliefert über Vercels Edge-Netzwerk mit ISR-Caching. Das CSS-Designsystem kommt auf unter 40 KB komprimiert, ganz ohne JavaScript-Laufzeit-Overhead über React hinaus. Jede einzelne 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 binnen Minuten nach dem Deployment. Über 30 Serviceseiten, 10 Kundenprojekte und ein mehrsprachiger Blog mit 34 Artikeln werden aus einem einzigen Repository mit wörterbuchgesteuerter Internationalisierung über alle 13 Lokalisierungen 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