Guía de Astro
18 artículos en esta serie
Una ruta de Astro para sitios de contenido y herramientas: Content Collections, rutas, componentes, rendimiento y despliegue.
¿Qué es Astro? Entiende en 3 minutos cero JS, arquitectura Islands y contenido primero
Astro es un framework orientado al contenido: con cero JS por defecto y arquitectura Islands, el rendimiento del blog puede triplicarse. Aquí explicamos su filosofía, las diferencias reales frente a Next.js/React y cuándo elegirlo.
Crea un blog con Astro desde cero: guía completa de la home al despliegue en 1 hora
Guía paso a paso para montar un blog personal con Astro: desde la preparación del entorno hasta el despliegue en producción. Incluye home, listado de artículos, etiquetas, RSS y SEO. Ideal para principiantes: un blog listo en menos de 1 hora.
Guía completa de Astro Content Collections: del concepto a la validación con Schema
Análisis en profundidad de cómo funcionan Astro Content Collections: configura content.config.ts desde cero, domina la validación con Zod Schema y consigue un sistema de gestión de contenido con tipos seguros, con ejemplos completos y soluciones a errores habituales.
Astro Markdown avanzado: 7 trucos prácticos para que tu blog sea 10 veces más profesional
Guía completa para dominar las funciones avanzadas de Astro Markdown/MDX: configurar temas de resaltado de código, incrustar componentes personalizados, mostrar fórmulas matemáticas y diagramas de flujo. Incluye pasos de configuración, ejemplos de código y soluciones a problemas frecuentes.
5 mejores temas de blog Astro con tutorial de instalación y configuración
¿Quieres montar un blog rápido pero no sabes qué tema elegir? Este artículo recomienda 5 temas Astro probados (AstroPaper, Astro Air Blog, etc.), con tutorial de instalación detallado y soluciones a problemas habituales: blog personal en 30 minutos.
Guía de configuración i18n de Astro: sitio multilingüe en 30 minutos (con selector de idioma)
Domina la configuración i18n de Astro en 30 minutos. Desde la configuración básica hasta el selector de idioma, con ejemplos de código completos, comparación de estrategias de rutas, Content Collections y consejos de SEO.
Guía completa de SEO para sitios Astro: de meta tags al posicionamiento en buscadores
Guía paso a paso para configurar SEO completo en tu sitio Astro: meta tags, sitemap, robots.txt y datos estructurados JSON-LD. Configura lo esencial en 30 minutos, mejora el ranking en Google, con ejemplos de código listos para usar.
Guía completa de optimización de rendimiento en Astro: 8 técnicas prácticas para pasar de 60 a Lighthouse perfecto
Optimiza sistemáticamente el rendimiento de tu sitio Astro con 8 técnicas clave: arquitectura Islands, estrategias de hidratación, optimización de imágenes y fuentes, code splitting, precarga, ajuste de Core Web Vitals y pruebas de rendimiento para alcanzar Lighthouse perfecto
Astro View Transitions: experiencia fluida tipo app con solo 2 líneas de código
La View Transitions API permite animaciones de transición de página a nivel nativo en sitios Astro, sin React ni Vue. Solo 2 líneas de código para una experiencia tan fluida como una SPA. Guía práctica completa con mejores prácticas.
Guía completa de SSR en Astro: activa el renderizado en servidor en 3 pasos
¿No sabes cuándo necesitas Astro SSR? ¿Los adaptadores te confunden? Con escenarios reales y código completo, aprende a activar SSR en 3 pasos, configurar adaptadores Vercel/Netlify/Node.js y dominar estrategias SSR/SSG/Hybrid. De principiante a producción en 30 minutos.
Astro vs Next.js: la verdad técnica detrás de un 40 % más rápido en sitios estáticos
Comparación profunda de Astro y Next.js en sitios estáticos: rendimiento, funciones y ecosistema. Astro es ~40 % más rápido, reduce el JavaScript ~90 %, pero Next.js brilla en contenido dinámico y el ecosistema React. Incluye datos de pruebas, árbol de decisión y guía de despliegue.
Astro vs Next.js: ¿cuál elegir para un sitio estático? Rendimiento, costos y casos de uso
Comparación profunda de Astro y Next.js para sitios estáticos: rendimiento (Astro ~40 % más rápido, ~90 % menos JS), limitaciones, experiencia de desarrollo y árbol de decisión para elegir en 30 minutos.
Guía completa de blog con Astro: construye tu activo digital a largo plazo desde cero
Guía completa para montar un blog de alto rendimiento con Astro: elección de stack, estructura del proyecto, SEO y operación de contenidos. Resuelve el abandono del blog y crea un activo digital sostenible.
¿Falló el build de Astro? Resuelve estas 7 causas comunes en 5 minutos
¿No sabes por qué falla el build de Astro? Este artículo recopila 7 escenarios de error de build más frecuentes, con un método sistemático de 5 pasos y soluciones concretas. El 90 % de los problemas se resuelven en 5-10 minutos
Guía completa de optimización de imágenes en Astro: 5 técnicas prácticas para acelerar tu sitio un 50%
Práctica completa de optimización de imágenes en Astro: configuración del componente Image, elección de formatos WebP/AVIF, estrategias de lazy loading e integración con Cloudflare CDN. Con ejemplos de código para bajar la carga inicial de 6 s a 1,8 s y subir Lighthouse a 95 puntos.
Búsqueda Pagefind en un blog Astro: guía completa, gratis, rápida y con soporte para chino
Te guío paso a paso para añadir búsqueda de texto completo gratis y rápida a tu blog Astro con Pagefind. Soporta chino, el índice pesa menos de 100 KB y la configuración toma 10 minutos: más barato y sencillo que Algolia.
Migrar de Hugo/Hexo/Next.js a Astro: guía detallada en 3 días
¿Quieres migrar de Hugo, Hexo o Next.js a Astro? Esta guía cubre los tres frameworks más usados con pasos detallados, trampas habituales y buenas prácticas para completar la migración en 1-3 días con mejoras de rendimiento claras y sin perder SEO.
Integra un sistema de comentarios en tu blog Astro: guía completa con Giscus, Waline y Twikoo
¿Comentarios en Astro? ¿Giscus, Waline o Twikoo? Esta guía práctica compara las tres opciones principales, incluye código de integración en Astro y solución para View Transitions. Configúralo en 10 minutos.
