Aprendiendo Astro
Mi experiencia creando este blog con Astro
¡Bienvenidos a mi primer post! Quiero compartir con ustedes cómo fue el proceso de crear este blog utilizando Astro, un framework que ha revolucionado la forma en que construimos sitios web.
¿Qué es Astro?
Astro es un framework web moderno diseñado para construir sitios web rápidos y centrados en el contenido. A diferencia de otros frameworks, Astro envía cero JavaScript al navegador por defecto, lo que resulta en tiempos de carga increíblemente rápidos.
Características principales de Astro:
- Islands Architecture: Carga JavaScript solo donde es necesario
- Agnóstico de UI: Funciona con React, Vue, Svelte, o simplemente HTML
- Cero JavaScript por defecto: Sitios estáticos ultra-rápidos
- Content Collections: Manejo tipado de contenido Markdown/MDX
- Soporte integrado para i18n: Internacionalización sencilla
¿Por qué elegí Astro?
Después de evaluar varias opciones (Next.js, Gatsby, Hugo), me decidí por Astro por varias razones:
- Simplicidad: La curva de aprendizaje es suave
- Rendimiento: Los sitios generados son increíblemente rápidos
- Flexibilidad: Puedo usar mis componentes favoritos sin ataduras
- DX (Developer Experience): El desarrollo es fluido y agradable
Funcionalidades de este blog
Este blog incluye algunas características que quiero destacar:
Toggle de idioma (Español/English)
Implementé un selector de idioma que permite cambiar entre español e inglés. Esto fue posible gracias al sistema de internacionalización (i18n) integrado en Astro. Las URLs se estructuran así:
- Español (por defecto):
/,/blog,/about - English:
/en,/en/blog,/en/about
Toggle de tema (Claro/Oscuro)
También incluí un selector de tema que permite alternar entre modo claro y modo oscuro. El tema se guarda en localStorage, así que tu preferencia se mantiene entre visitas.
¿Qué tan fácil fue?
Sorprendentemente fácil. El proceso fue:
- Ejecutar
npm create astro@latest - Elegir una plantilla de blog
- Personalizar estilos con Tailwind CSS
- Configurar i18n para español/inglés
- Agregar el toggle de tema
- ¡Desplegar!
La documentación de Astro es excelente y la comunidad es muy activa. Si estás considerando crear un blog o sitio web personal, te recomiendo darle una oportunidad a Astro.
Conclusión
Astro ha demostrado ser una excelente elección para este proyecto. Su enfoque en el rendimiento y la simplicidad lo hace perfecto para blogs y sitios de contenido. Estoy emocionado de seguir explorando sus capacidades y compartir más contenido en el futuro.
¡Gracias por leer! 🚀