←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 alle 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 bis zu strukturierten Daten. 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-DesignsystemStrukturierte Daten für jede SeiteISR + Statische GenerierungAutomatisiertes Performance-Monitoring
KAUFAST — i18n-Architektur für 13 LocalesKAUFAST — Edge-Middleware-RoutingKAUFAST — CSS-DesignsystemKAUFAST — Strukturierte Daten für jede Seite

„Eine Website mit 13 Locales, Lighthouse-Scores von 97+ in jeder Kategorie 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 — in allen 13 Lokalisierungen. Das CSS-Designsystem kommt 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 automatisch. Ü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

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

  • Individualsoftware
  • Cloud-Infrastruktur
  • Geschäftsprozessautomatisierung
  • SEO
Dienstleistungen →

Technologien

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

Team

  • Technische Leitung
  • Full-Stack-Entwickler
  • UX Designer
  • SEO Strategist
  • Content-Leitung

Entwickelt von


Wünschen Sie sich ähnliche Ergebnisse?

Kontakt aufnehmen