Nexus, esta web
Una web personal multilingüe con un asistente de IA que nunca se cae, construida con planes gratuitos y renderizado estático primero.
- Rol
- Design & engineering
- Periodo
- 2026
- Stack
- Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama
El problema
Una web personal tiene que hacer tres cosas a la vez: mostrar el trabajo, posicionarse en los buscadores y convertir a un visitante curioso en una conversación. Además, tenía que costar cero, hablar los idiomas de las personas con las que trabajo y, aun así, sentirse hecha con cuidado.
El enfoque
- Primero lo estático. Cada página se renderiza de antemano en cada idioma y se sirve desde una CDN. Solo el asistente de IA, el formulario de contacto y el panel se ejecutan bajo demanda.
- Dieciocho idiomas, una sola fuente de verdad. Los textos de la interfaz están en un archivo JSON por idioma. El perfil y los servicios son contenido TypeScript tipado con campos por idioma, y los artículos largos recurren al inglés con un aviso honesto en lugar de una traducción automática.
- Un asistente que no puede caerse. Las respuestas salen del propio contenido de la web. Cuando un proveedor de IA gratuito llega a su límite, toma el relevo el siguiente, y cuando no hay ninguno disponible, una base de conocimiento local responde con plantillas en el idioma del visitante.
- Mejora progresiva. Las animaciones, la búsqueda y la terminal enriquecen el HTML renderizado en el servidor mediante una única isla de cliente muy pequeña; sin JavaScript, todo el contenido sigue ahí.
El resultado
La web va rápida en un móvil de gama media, funciona en árabe de derecha a izquierda y solo cuesta el nombre de dominio. El asistente responde en todos los idiomas compatibles, incluso sin ninguna clave de API configurada.
Qué haría distinto
Empezar por el modelo de contenido. La mayoría de las decisiones difíciles (qué se traduce, qué recurre al inglés, qué puede decir la IA) son decisiones de contenido, no de código.