Nexus, deze website
Een meertalige persoonlijke website met een AI-assistent die nooit uitvalt, gebouwd op gratis abonnementen met static-first rendering.
- Rol
- Design & engineering
- Periode
- 2026
- Stack
- Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama
Het probleem
Een persoonlijke website moet drie dingen tegelijk doen: het werk laten zien, goed vindbaar zijn in zoekmachines en een nieuwsgierige bezoeker omzetten in een gesprek. Hij moest ook niets kosten, de talen spreken van de mensen met wie ik werk, en toch zorgvuldig gemaakt aanvoelen.
De aanpak
- Eerst statisch. Elke pagina wordt voor elke taal vooraf gerenderd en via een CDN geleverd. Alleen de AI-assistent, het contactformulier en het dashboard draaien op aanvraag.
- Achttien talen, één bron van waarheid. Interfaceteksten staan in één JSON-bestand per taal. Profiel en diensten zijn getypeerde TypeScript-content met velden per taal, en lange artikelen vallen terug op het Engels met een eerlijke melding in plaats van een machinevertaling.
- Een assistent die niet kan uitvallen. Antwoorden komen uit de eigen content van de website. Als een gratis AI-aanbieder tegen een limiet loopt, neemt de volgende het over, en als er geen beschikbaar is, antwoordt een lokale kennisbank met sjablonen in de taal van de bezoeker.
- Progressive enhancement. Animaties, zoeken en de terminal verrijken servergerenderde HTML via één klein client-eiland; zonder JavaScript is alle content er nog steeds.
Het resultaat
De website is snel op een middenklassetelefoon, werkt in Arabisch van rechts naar links en kost alleen de domeinnaam. De assistent antwoordt in elke ondersteunde taal, zelfs zonder één API-sleutel.
Wat ik anders zou doen
Beginnen met het contentmodel. De meeste lastige beslissingen (wat vertaald wordt, wat terugvalt, wat de AI mag zeggen) zijn contentbeslissingen, geen codebeslissingen.