Construyendo mi sitio personal multiidioma

Durante mucho tiempo tuve pendiente crear un espacio propio en internet. LinkedIn cumple su función, eso sí, pero no es el lugar ideal para reflexionar con calma sobre lo que uno está construyendo, compartir el proceso detrás de los proyectos o simplemente escribir en un tono más personal. Así que decidí hacerlo: crear mi sitio desde cero, con las tecnologías que yo elegiría y con el diseño que refleja cómo pienso.

Lo primero fue elegir el stack. Quería algo ligero, rápido y que generara HTML estático, sin servidores que mantener ni bases de datos. Astro fue la elección natural: un framework de generación estática con soporte de primera clase para contenido en Markdown, que escala perfectamente para un sitio como este. Para el estilo, Tailwind CSS me permitió construir una paleta de marca personalizada sin pelear con CSS global.

El requisito que me impuse desde el inicio era que el sitio fuera bilingüe (español e inglés) desde el día uno. No como funcionalidad añadida después, sino como parte de la arquitectura desde el principio: rutas separadas por idioma (/es/ y /en/), un sistema de traducciones tipado en TypeScript y un switcher de idioma que recuerda la preferencia del usuario. El español es el idioma por defecto porque es mi lengua materna, pero el inglés es igual de prioritario porque parte de mi trabajo y mi red profesional es en inglés.

Para el diseño, quería algo cálido y personal. No el típico portafolio técnico en blanco y negro. Terminé con una paleta de rosas suaves, lila, menta marfil y un toque de rosa viejo (#BC8F8F). La tipografía combina Playfair Display (serif, para los títulos) con Inter (sans-serif, para el cuerpo), y los detalles botánicos en las esquinas le dan ese carácter que buscaba.

Lo que incluye

• Sobre mí: una sección donde cuento quién soy, a qué me dedico y qué me define profesionalmente, en dos idiomas.
• Bitácora de proyectos: este mismo blog, donde voy a documentar los proyectos en los que estoy trabajando: el proceso, las decisiones técnicas, lo que funciona y lo que no.
• Sección de contacto: con mis redes sociales, correo y un código QR para compartir el sitio fácilmente desde el mundo físico.
• Trayectoria profesional: próximamente, una página dedicada a mi experiencia, educación y reconocimientos, más completa que un perfil de red social.

Próximos pasos

El sitio ya tiene toda la infraestructura. Lo que sigue es publicarlo con dominio propio, seguir poblando la bitácora y añadir las mejoras de SEO pendientes (sitemap, Open Graph). Es un proyecto vivo. Uno que espero mantener activo durante mucho tiempo.

Si te interesa el detalle técnico completo, puedes ver la ficha de este mismo sitio en la sección de proyectos.