Sobre el Proyecto
Este mismo sitio web que estás visitando es un ejemplo de mi trabajo. El objetivo era crear una plataforma rápida, SEO-friendly y fácil de mantener para mostrar mis habilidades y proyectos.
Tecnologías Clave
- Astro: Elegido por su arquitectura “Islands” y performance por defecto. Envía 0 JavaScript al cliente excepto donde es estrictamente necesario (como en los filtros o el carrusel).
- View Transitions: Implementadas para dar una sensación de SPA (Single Page Application) nativa sin sacrificar la simplicidad de un sitio estático.
- i18n (Internacionalización): Sistema de traducción personalizado basado en rutas (
/vs/en/) y archivos JSON. - SCSS: Estilos modulares y variables globales para mantener la consistencia visual.
Desafíos y Soluciones
1. Gestión de Contenido Bilingüe
Quería escribir mis posts en Markdown una sola vez pero soportar dos idiomas.
Solución: Implementé componentes <Es> y <En> dentro de archivos .mdx. Esto permite tener un solo archivo fuente para ambos idiomas, renderizando el bloque correcto según la ruta URL.
// Ejemplo de uso en MDX
<Es> Hola Mundo </Es>
<En> Hello World </En>2. Performance Extrema
El sitio obtiene una puntuación de 100/100 en Lighthouse.
Solución: Imágenes optimizadas automáticamente por Astro, fuentes auto-hospedadas y CSS mínimo crítico inlineado.