Die Herausforderung
Wishfy verkauft Suchsichtbarkeit, technische Builds und mehrsprachige Content-Strategie. Unsere eigene Website musste alle drei gleichzeitig beweisen. Keine Abkürzungen, keine Ausreden nach dem Motto „Schuster, bleib bei deinen Leisten". Wenn wir keinen perfekten Lighthouse-Score über vier Sprachen bei 9 $/Monat Hosting-Kosten liefern können, haben wir kein Recht, Kunden zu sagen, wir könnten es für sie tun.
Das Briefing war einfach: Eine Marketing-Website bauen, die 100/100/100/100 auf Lighthouse erreicht (Performance, Barrierefreiheit, Best Practices, SEO), vier Sprachen von einer einzigen Domain bedient, in unter einer Sekunde über 3G lädt und fast nichts kostet im Hosting.
Der Ansatz
Wir wählten Astro 5 als Framework — Static-first, null JavaScript als Standard, Content Collections mit typsicheren Schemas. Das Styling läuft auf Tailwind CSS v4 mit einer eigenen Design-Token-Schicht, die jede Farbe, jeden Abstand und jede typografische Stufe auf CSS Custom Properties abbildet. Eine einzige Token-Datei steuert das gesamte visuelle System.
Die Content-Architektur nutzt Astros Content Collections mit Locale-prefixed Verzeichnissen: `services/en/seo.mdx`, `work/nl/building-wishfy-ai.mdx`. Jeder Eintrag trägt einen `translationKey`, der dasselbe Stück über Sprachen hinweg verknüpft und so die hreflang-Generierung ohne eine separate Mapping-Datei ermöglicht.
Zentrale Entscheidungen
Null JS als Standard. Kein React, kein Vue, keine Hydration Islands. Jede Seite wird als reines HTML und CSS ausgeliefert. Interaktive Komponenten (das mobile Navigations-Toggle, das Kontaktformular) nutzen minimale Inline-Skripte — unter 2 KB insgesamt für die gesamte Website.
Keystatic CMS. Content-Redakteure erhalten ein Local-first, Git-basiertes CMS ohne Hosting-Overhead. Keine Datenbank, kein Auth-Service, keine monatliche Rechnung. Content lebt in MDX-Dateien, versioniert zusammen mit dem Code.
llms.txt von Tag eins. Jede Sprache bekommt ihren eigenen `/[lang]/llms.txt`-Endpunkt, der Wishfys Services, Methodik und Entity-Beziehungen in Klartext beschreibt. Das ist kein Nachgedanke — es ist eine erstklassige Route, die zur Build-Zeit generiert wird.
Token-gesteuertes Design. Eine einzige TypeScript-Token-Datei definiert die Marke: Farben, Radien, Schatten, Abstände, Typografie. Einen Wert ändern und die gesamte Website aktualisiert sich. Kein Suchen in CSS-Dateien.
Das Ergebnis
Die Website ging mit perfekten Lighthouse-Scores über alle vier Sprachen auf Mobil und Desktop live. Gesamter Build-Output: statisches HTML, CSS Custom Properties, null clientseitige JavaScript-Bundles. Das Hosting läuft auf Cloudflare Pages für 9 $/Monat mit globalem CDN, automatischem HTTPS und unter 50 ms TTFB weltweit.
Sechs Wochen vom ersten Commit bis Produktion. Vier Sprachen. Eine Domain. Null Kompromisse.