Nexus, este site
Um site pessoal multilíngue com um assistente de IA que nunca cai, construído sobre planos gratuitos com renderização estática em primeiro lugar.
- Papel
- Design & engineering
- Período
- 2026
- Stack
- Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama
O problema
Um site pessoal precisa fazer três coisas ao mesmo tempo: mostrar o trabalho, aparecer bem nas buscas e transformar um visitante curioso numa conversa. Também precisava custar zero, falar os idiomas das pessoas com quem trabalho e, ainda assim, parecer feito com cuidado.
A abordagem
- Estático primeiro. Cada página é renderizada antecipadamente em cada idioma e servida por uma CDN. Só o assistente de IA, o formulário de contato e o painel rodam sob demanda.
- Dezoito idiomas, uma única fonte de verdade. Os textos da interface ficam num arquivo JSON por idioma. Perfil e serviços são conteúdo TypeScript tipado com campos por idioma, e os artigos longos voltam para o inglês com um aviso honesto em vez de uma tradução automática.
- Um assistente que não pode cair. As respostas vêm do próprio conteúdo do site. Quando um provedor de IA gratuito atinge o limite, o próximo assume, e quando nenhum está disponível, uma base de conhecimento local responde com modelos no idioma do visitante.
- Melhoria progressiva. Animações, busca e terminal enriquecem o HTML renderizado no servidor por meio de uma única ilha de cliente bem pequena; sem JavaScript, todo o conteúdo continua lá.
O resultado
O site é rápido num celular intermediário, funciona em árabe da direita para a esquerda e custa apenas o domínio. O assistente responde em todos os idiomas suportados, mesmo sem nenhuma chave de API configurada.
O que eu faria diferente
Começar pelo modelo de conteúdo. A maioria das decisões difíceis (o que é traduzido, o que volta para o inglês, o que a IA pode dizer) é de conteúdo, não de código.