Todos los proyectos
Beta Frontend Destacado
Ecosistema Digital
Plataforma personal en Astro 5 que reúne hub de ingeniería, hoja de vida interactiva y Tech Radar con un sistema de diseño editorial propio.
- Tipo
- Plataforma personal
- Stack
- Astro + Tailwind
- Contenido
- Hub + CV + Radar
- Estado
- Activo
Contexto
ecosistemadigital.dev es mi plataforma personal de marca técnica. No es solo un
portafolio: es un espacio para documentar ingeniería, trayectoria, decisiones y
tendencias con el mismo criterio con el que trabajo en producto.
Arquitectura del sitio
- Astro 5 con generación estática y
ClientRouterpara navegación fluida. - Content Collections + MDX para artículos, proyectos y contenido tipado.
- Tailwind CSS 4 con variables de diseño y utilidades propias.
- TypeScript en datos, componentes y utilidades.
- Vite como capa de build y desarrollo.
Decisiones de producto
- Un solo lugar para el perfil: hoja de vida, proyectos y radar comparten la misma fuente de verdad.
- Contenido tipado: el esquema de Astro valida cada entrada antes del build.
- Rendimiento por defecto: HTML estático, fuentes self-hosted y JavaScript mínimo.
- Accesibilidad y SEO: estructura semántica, metadatos, JSON-LD, sitemap y RSS.
- Evolución visual: tokens de color y componentes reutilizables en lugar de estilos aislados.
Resultado
La plataforma integra la narrativa profesional de Yasser Pérez con una experiencia editorial coherente: un hub de ingeniería, una hoja de vida navegable y un Tech Radar vivo. El siguiente paso es seguir incorporando casos reales y artículos técnicos con mayor profundidad.
Aprendizajes
- La marca personal también es arquitectura de información.
- Un sistema de diseño pequeño y consistente escala mejor que muchos estilos únicos.
- El contenido debe ser tan mantenible como el código.