Construí este sitio con Astro porque es un sitio de contenido y Astro está hecho para eso: genera páginas HTML estáticas, envía casi nada de JavaScript y solo hidrata los componentes interactivos que lo necesitan. El resultado es un sitio que carga muy rápido, que Google lee sin problemas y que me cuesta prácticamente nada alojar. Con Next.js lo podría haber hecho igual de bien, pero con más JavaScript del necesario para lo que este sitio hace.
Lo que necesitaba este sitio
- Muy rápido en celular, porque es mi carta de presentación.
- Bien estructurado para Google y para buscadores con IA.
- Fácil de actualizar: blog, proyectos, charlas y productos.
- Algunos detalles interactivos (animaciones, menú, formulario).
- Barato de mantener.
Astro vs Next.js vs WordPress
| Criterio | Astro | Next.js | WordPress |
|---|---|---|---|
| Pensado para | Sitios de contenido | Aplicaciones web | Sitios y blogs editables |
| JavaScript enviado | Mínimo, por componente | Más, por defecto | Depende del tema y plugins |
| Velocidad sin esfuerzo | Muy alta | Alta | Media |
| Editar contenido | Con un CMS (Keystatic, otros) | Con un CMS | Incluido |
| Hosting | Estático, casi gratis | Necesita servidor o plataforma | Hosting PHP |
| Componentes React | Sí, como islas | Sí, todo es React | No nativo |
Las islas de Astro
La idea clave de Astro es la arquitectura de islas: la página es HTML estático y solo ciertos componentes (una animación, un menú) se vuelven interactivos. Si una sección no necesita JavaScript, no lo carga. En Next.js, por defecto, más partes de la página dependen de JavaScript en el navegador.
Por eso pude usar componentes de React Bits para animaciones sin cargar React en todo el sitio.
Cómo edito el contenido
Uso Keystatic, un CMS que guarda el contenido como archivos en el repositorio:
- Entro al panel y escribo el artículo.
- Al guardar, se crea un commit en GitHub.
- Cloudflare reconstruye y publica el sitio en segundos.
- Si un artículo tiene fecha futura, sale solo ese día.
No hay base de datos que mantener ni plugins que actualizar.
Hosting y costos
El sitio está en Cloudflare, como archivos estáticos con un poco de lógica en el servidor para el formulario. Para el tráfico de un portafolio, el costo es prácticamente cero. Comparado con un hosting PHP para WordPress, es un ahorro y un problema menos.
Cuándo no elegiría Astro
- Una aplicación con usuarios, sesiones y mucha interacción: Next.js o Laravel.
- Un sitio que edita un equipo grande todos los días: WordPress o un CMS completo.
- Una tienda con carrito y pagos: una plataforma de ecommerce o WooCommerce.
Lo explico con más detalle en WordPress o sitio a la medida.
Resultados
La meta del proyecto fue 100 en las cuatro categorías de Lighthouse y menos de 60 KB de JavaScript en el inicio. Si te interesa la velocidad, leé también por qué tu página web es lenta.
Preguntas frecuentes
¿Astro es mejor que Next.js?
Para sitios de contenido (portafolios, blogs, sitios corporativos) Astro suele ser más rápido y simple porque envía muy poco JavaScript. Para aplicaciones con mucha interacción y usuarios con sesión, Next.js es mejor opción.
¿Puedo editar el contenido de un sitio en Astro sin programar?
Sí, conectándolo a un CMS. En mi caso uso Keystatic: edito artículos y proyectos desde un panel, y cada cambio publica el sitio.
¿Astro sirve para un sitio de empresa?
Sí, sobre todo si la velocidad y el SEO son prioridad. Para un sitio que tu equipo actualiza todos los días, WordPress puede seguir siendo más práctico.
¿Querés un sitio así de rápido?
Construyo sitios en Astro, Next.js y WordPress según lo que tu proyecto necesite. Mirá velocidad y SEO técnico o escribime.
