Mi Stack de Desarrollo 2025
Como desarrollador web enfocado en rendimiento, elegí herramientas que priorizan velocidad de carga y experiencia de desarrollo. Aquí te cuento qué uso y por qué.
🚀 Astro — Framework Principal
Astro es mi framework principal para construir sitios web. Su filosofía de “enviar menos JavaScript” lo hace ideal para sitios de contenido.
Por qué lo elegí:
- Genera HTML estático por defecto (ultra rápido)
- Islands Architecture: JavaScript solo donde se necesita
- Content Collections para manejar blogs y proyectos como Markdown
- Puede integrar React, Vue o Svelte cuando necesito interactividad
# Crear un nuevo proyecto Astro
pnpm create astro@latest🎨 Tailwind CSS — Estilos
Tailwind CSS es mi herramienta de estilos. Su enfoque utility-first me permite diseñar directamente en el HTML sin saltar entre archivos.
Por qué lo elegí:
- Diseño consistente sin inventar nombres de clases
- Purga automática: solo el CSS que uso llega a producción
- La versión 4 trae mejoras significativas de rendimiento
<!-- Un botón en segundos -->
<button class="px-4 py-2 bg-cyan-500 text-white rounded-lg hover:bg-cyan-600">
Contactar
</button>📝 TypeScript — Tipado
TypeScript añade tipado estático a JavaScript, atrapando errores antes de que lleguen a producción.
Por qué lo elegí:
- Autocompletado inteligente en VS Code
- Refactoring seguro
- Errores en tiempo de desarrollo, no en producción
☁️ Cloudflare — Hosting y Edge
Cloudflare Pages es donde despliego mis sitios. Es rápido, gratis y se integra con GitHub.
Por qué lo elegí:
- Deploy automático desde GitHub
- Edge network global: carga rápida en todo el mundo
- SSL, compresión y optimización incluidos
- Cloudflare D1 para bases de datos cuando necesito backend
🔐 Lucia + Arctic — Autenticación
Para proyectos que necesitan login, uso Lucia (gestión de sesiones) y Arctic (OAuth simplificado).
Por qué los elegí:
- Ligeros y sin vendor lock-in
- OAuth con GitHub y Google en minutos
- Control total sobre la implementación
🛠️ Herramientas del Día a Día
| Herramienta | Uso |
|---|---|
| VS Code | Editor principal con extensiones de Astro |
| pnpm | Package manager rápido |
| GitHub | Control de versiones y CI/CD |
| Warp | Terminal moderna |
¿Por qué este stack?
Este conjunto de herramientas me permite:
- Construir rápido: menos configuración, más productividad
- Entregar calidad: sitios que cargan en milisegundos
- Mantener fácil: código organizado y tipado
¿Tienes preguntas sobre alguna de estas herramientas? Contáctame.