Publicado el 31 de mayo de 2026
Por qué elegí Astro para mi portafolio
Notas sobre las decisiones técnicas detrás de este sitio y por qué Astro encaja perfecto para contenido estático.
Construir un portafolio parece simple hasta que empiezas a decidir. ¿SSR o SSG? ¿React, Vue o HTML puro? ¿CMS o archivos locales?
Después de probar varias opciones, me convencí de que Astro + Islands es la mejor combinación para este caso de uso. Aquí va el razonamiento.
El problema con los frameworks tradicionales
Los frameworks de SPA (React, Vue, Svelte) son geniales para aplicaciones interactivas, pero para contenido estático como un portafolio son excesivos:
- Envían un bundle grande de JS aunque el 90% de la página no lo necesite
- El contenido no se puede cachear de forma granular
- El SEO depende de SSR o pre-rendering
Lo que Astro hace bien
Astro resuelve esto con su modelo de islands architecture:
- Las páginas se renderizan a HTML estático en build time
- Solo los componentes que necesitan interactividad se hidratan
- El JS enviado a producción es mínimo
Tailwind v4: mejor que v3
La nueva versión usa CSS-first config con @theme en lugar de un archivo JS. Resultado:
- Build más rápido
- Sin paso de PostCSS extra
- Variables CSS tipadas
Resultado
El sitio final pesa ~30KB de JS en la home, contra 200KB+ que tendría con un setup tradicional de Next.js o Vite + React.
A veces la mejor tecnología es la que te permite no enviar nada.