Nexus, diese Website
Eine mehrsprachige persönliche Website mit einem KI-Assistenten, der nie ausfällt, gebaut auf kostenlosen Tarifen mit Static-First-Rendering.
- Rolle
- Design & engineering
- Zeitraum
- 2026
- Stack
- Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama
Das Problem
Eine persönliche Website muss drei Aufgaben zugleich erfüllen: die Arbeit zeigen, in der Suche ranken und aus neugierigen Besuchern ein Gespräch machen. Außerdem sollte sie nichts kosten, die Sprachen der Menschen sprechen, mit denen ich arbeite, und sich trotzdem sorgfältig gemacht anfühlen.
Der Ansatz
- Statisch zuerst. Jede Seite wird für jede Sprache vorgerendert und über ein CDN ausgeliefert. Nur der KI-Assistent, das Kontaktformular und das Dashboard laufen bei Bedarf.
- Achtzehn Sprachen, eine Quelle der Wahrheit. Oberflächentexte liegen in einer JSON-Datei pro Sprache. Profil und Leistungen sind typisierte TypeScript-Inhalte mit Feldern pro Sprache, und lange Artikel fallen mit einem ehrlichen Hinweis auf Englisch zurück statt auf eine maschinelle Übersetzung.
- Ein Assistent, der nicht ausfallen kann. Antworten stammen aus den eigenen Inhalten der Website. Erreicht ein kostenloser KI-Anbieter sein Limit, übernimmt der nächste, und ist keiner verfügbar, antwortet eine lokale Wissensbasis mit Vorlagen in der Sprache der Besucher.
- Progressive Enhancement. Animationen, Suche und Terminal erweitern serverseitig gerendertes HTML über eine einzige winzige Client-Insel; ohne JavaScript sind alle Inhalte trotzdem da.
Das Ergebnis
Die Website ist auf einem Mittelklasse-Smartphone schnell, funktioniert in rechts-nach-links geschriebenem Arabisch und kostet nur den Domainnamen. Der Assistent antwortet in jeder unterstützten Sprache, auch ganz ohne API-Schlüssel.
Was ich anders machen würde
Mit dem Inhaltsmodell beginnen. Die meisten schweren Entscheidungen (was übersetzt wird, was zurückfällt, was die KI sagen darf) sind Inhalts-, keine Code-Entscheidungen.