Nexus, questo sito
Un sito personale multilingue con un assistente IA che non va mai giù, costruito su piani gratuiti con rendering statico prima di tutto.
- Ruolo
- Design & engineering
- Periodo
- 2026
- Stack
- Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama
Il problema
Un sito personale deve fare tre cose insieme: mostrare il lavoro, posizionarsi bene nelle ricerche e trasformare un visitatore curioso in una conversazione. Doveva anche costare zero, parlare le lingue delle persone con cui lavoro e sembrare comunque fatto con cura.
L’approccio
- Prima lo statico. Ogni pagina è pre-renderizzata in ogni lingua e servita da una CDN. Solo l’assistente IA, il modulo di contatto e la dashboard girano su richiesta.
- Diciotto lingue, un’unica fonte di verità. I testi dell’interfaccia stanno in un file JSON per lingua. Profilo e servizi sono contenuti TypeScript tipizzati con campi per lingua, mentre gli articoli lunghi ripiegano sull’inglese con un avviso onesto invece di una traduzione automatica.
- Un assistente che non può andare giù. Le risposte vengono dai contenuti del sito stesso. Quando un fornitore di IA gratuito raggiunge il limite subentra il successivo, e quando nessuno è disponibile risponde una base di conoscenza locale con modelli nella lingua del visitatore.
- Miglioramento progressivo. Animazioni, ricerca e terminale arricchiscono l’HTML renderizzato sul server tramite un’unica, piccolissima isola client; senza JavaScript tutti i contenuti restano disponibili.
Il risultato
Il sito è veloce su uno smartphone di fascia media, funziona in arabo da destra a sinistra e costa soltanto il nome di dominio. L’assistente risponde in ogni lingua supportata, anche senza alcuna chiave API configurata.
Cosa farei diversamente
Partire dal modello dei contenuti. Gran parte delle decisioni difficili (cosa tradurre, cosa riportare all’inglese, cosa può dire l’IA) riguarda i contenuti, non il codice.