KAUFASTIT services site, engineered to perform

By Kenneth Melchor, Founder & Technology Director

2026Last updated — May 2026

Custom SoftwareCloud InfrastructureBusiness Automation

Next.js 16React 19VercelCloudflareCSS ModulesSEO

KAUFAST — IT services site, engineered to perform

Overview

This case study documents how KAUFAST engineered its own IT services website as a living proof of craft. A 13-locale Next.js 16 application with edge middleware, server-side rendering, and a design system built entirely in CSS — no frameworks, no bloat. Every architectural decision was made to maximise performance, accessibility, and search visibility across 156 pages. The site serves as both a client-facing platform and a technical benchmark, demonstrating in production every capability that KAUFAST delivers to its clients — from internationalisation to structured data to sub-second page loads. The internationalisation system uses dictionary-driven content across all 13 locales, with country-specific differentiation for shared-language markets — Austrian German, Mexican Spanish, and Brazilian Portuguese each receive market-appropriate copy.

The scope encompassed full-stack development with Next.js 16 and React 19, a bespoke CSS design system with zero framework dependencies built entirely in CSS Modules, edge-deployed infrastructure across Vercel's global network, and an automated SEO monitoring pipeline integrated with Google Search Console and PageSpeed APIs. The result is a site that scores 97+ on Google PageSpeed while serving region-specific content to 13 markets. Structured data coverage includes Organization, LocalBusiness for two physical offices, AggregateRating from Google reviews, and FAQPage schemas across all service pages.

The Challenge

Most agency websites are overengineered vanity projects that sacrifice performance for visual flair. We set ourselves a harder brief: serve 13 locales with locale-aware routing and region-specific content, score 97+ on Google PageSpeed across all four categories, meet WCAG 2.1 AA accessibility standards, ship structured data for every route, and deploy on a global edge network — all without a CSS framework, component library, or runtime JavaScript dependency beyond React itself. The build pipeline includes automated Lighthouse audits, visual regression testing, and structured data validation on every deployment to prevent performance regressions.

The Solution

13-Locale i18n ArchitectureEdge Middleware RoutingCSS Design SystemStructured Data for Every PageISR + Static GenerationAutomated Performance Monitoring

KAUFAST — Structured Data for Every Page

"A 13-locale site with perfect Lighthouse scores, sub-100ms TTFB, and zero CSS framework dependencies — because the best showcase is the work itself."

Results

The numbers validate the architecture. KAUFAST's website consistently scores 97+ on Google PageSpeed across all four categories — performance, accessibility, best practices, and SEO — across 156 pages in 13 locales. Time to first byte stays under 100 milliseconds worldwide, served from Vercel's edge network with ISR caching. The CSS design system weighs under 40KB compressed, with zero JavaScript runtime overhead beyond React itself. Every page ships with complete Schema.org structured data — BreadcrumbList, Organization, LocalBusiness, WebPage, and route-specific types — enabling rich results in Google Search. The automated monitoring pipeline catches performance regressions within minutes of deployment. Over 30 service pages, 10 case studies, and a 34-article multilingual blog are maintained from a single repository with dictionary-driven internationalisation across all 13 locales.

97+

PageSpeed score

Locales served

<100ms

TTFB worldwide

100

Accessibility score