En este post, quiero compartir contigo el desglose de mi stack tecnológico actual, explicando por qué he elegido ciertas herramientas para mi portafolio personal hecho con Astro. A lo largo de los años, he probado diferentes tecnologías, y cada una de las que uso ahora cumple un propósito clave en mi flujo de trabajo. ¡Vamos a descubrirlas!
1. Astro - La base de mi sitio
Astro es el framework que elegí para desarrollar mi portafolio. ¿Por qué? Por su enfoque en la velocidad y la simplicidad al generar sitios estáticos, pero también por su capacidad para manejar componentes de diferentes frameworks como React o Vue. Astro me permite mantener una base de código ligera mientras utilizo herramientas modernas.
2. React - Para interactividad
Aunque Astro maneja muy bien el renderizado estático, uso React en algunas partes del sitio que requieren interactividad avanzada, como formularios o la gestión de estado en tiempo real. React sigue siendo una herramienta robusta y madura que me ayuda a construir interfaces reactivas.
3. Tailwind CSS - Estilización rápida y eficiente
Opté por Tailwind CSS para los estilos porque me permite escribir estilos de manera rápida y consistente, sin tener que preocuparme por colisiones de clases. Además, facilita el trabajo responsivo con utilidades predefinidas, lo que es perfecto para mi diseño first-mobile.
4. Vite - Para un desarrollo más rápido
Vite es la herramienta que uso para empaquetar mi proyecto. Me gusta porque es extremadamente rápida en el desarrollo local y optimiza mi proyecto para la producción de manera eficaz, aprovechando técnicas como el code-splitting.
5. GitHub Actions - Automatización de despliegues
Para automatizar los despliegues y mantener el sitio actualizado sin intervención manual, uso GitHub Actions. Configuré pipelines que despliegan automáticamente cada vez que hago un commit en la rama main. Esto asegura que siempre esté online con la última versión.
6. Netlify - Hosting simplificado
Finalmente, uso Netlify como plataforma de hosting. La integración con Git y el despliegue continuo hace que sea una herramienta muy cómoda. Además, ofrece un rendimiento excelente, lo cual es crucial para que el portafolio cargue rápido en cualquier dispositivo.
Conclusión
Cada herramienta en mi stack tecnológico está seleccionada cuidadosamente para optimizar el rendimiento, la velocidad de desarrollo y la facilidad de mantenimiento de mi portafolio. A medida que sigo explorando nuevas tecnologías, mi stack puede cambiar, pero por ahora, estas son las piezas clave que sostienen mi trabajo diario como desarrollador frontend.