Introducción
Cuando decidí rehacer mi sitio por completo, mi primer reflejo fue volver a Next.js. Lo usaba desde hacía años: estable, completo y todavía una referencia en el ecosistema React. Pero al probar Astro descubrí un enfoque distinto, más directo, más ligero y mucho más cercano a lo que realmente quería: un sitio rápido, legible y sin capas innecesarias.
1. Una necesidad clara: rendimiento y simplicidad
Mi sitio tenía que, sobre todo:
- alcanzar una puntuación de Web Vitals superior a 95,
- estar optimizado para posicionamiento,
- y mantenerse con facilidad a lo largo del tiempo.
Con Next.js, cada página cargaba parte del runtime de React, incluso para contenido puramente estático. Tiene sentido en una aplicación dinámica, pero resulta claramente excesivo en un sitio mayoritariamente editorial.
Astro genera HTML estático por defecto, sin JavaScript superfluo. Las zonas interactivas, como el formulario de contacto o una sección dinámica, se cargan solo cuando hacen falta. El resultado es un sitio más rápido sin renunciar a la experiencia.
2. La idea de «cero JS, salvo que lo necesites»
Astro se apoya en un principio muy simple:
«Nada de JavaScript hasta que sea realmente necesario.»
En la práctica puedes renderizar una página de forma totalmente estática y conservar la opción de integrar componentes React, Vue o Svelte donde los necesites, gracias a la hidratación parcial.
Por ejemplo:
import HeroCard from "../components/react/HeroCard.jsx";
<HeroCard client:visible />El resultado: • React solo se carga para ese componente, • el resto del contenido sigue siendo totalmente estático y, por tanto, muy rápido.
Me pareció un enfoque natural y eficaz: control preciso del rendimiento sin renunciar a la comodidad del modelo de componentes de React.
3. Next.js sigue siendo una excelente opción… en otros contextos
Que quede claro: Next.js sigue siendo la elección evidente en cuanto se trata de aplicaciones web complejas. Su App Router, sus rutas de API y el renderizado en servidor lo hacen ideal para productos SaaS, CRM y paneles de administración.
Pero para un sitio corporativo, un blog, una documentación o un portfolio, la diferencia de complejidad es evidente: • configuración más pesada, • más dependencias, • más JavaScript enviado al cliente.
Astro me permitió volver a lo esencial: escribir contenido, pensar el diseño y publicar rápido, manteniendo un código limpio, rápido y modular.
4. La experiencia de desarrollo: fluida, moderna y sin fricción
La coherencia de la experiencia de desarrollo también me convenció:
• la sintaxis .astro es simple y legible,
• el soporte de TypeScript es nativo,
• la integración de TailwindCSS es inmediata,
• y las páginas se montan como bloques estáticos reutilizables.
En la práctica, Astro me dio la sensación de programar más despacio, cuando en realidad avanzaba mucho más rápido: menos configuración, menos builds que vigilar, menos errores de runtime.
5. SEO y accesibilidad integrados desde el principio
Astro empuja a producir HTML limpio y semántico. No hacen falta diez paquetes para tener un marcado correcto, porque ya está bien pensado. • Los metadatos se gestionan con simples props del layout, • la estructura del DOM se mantiene clara, • y el rendimiento en móvil es excelente por defecto.
Junto con Plausible para una analítica respetuosa con el RGPD, ahora tengo un sitio más rápido, más accesible y totalmente bajo control.
6. En resumen: elegir la herramienta adecuada a la necesidad
Astro y Next.js no son competidores directos: simplemente responden a necesidades distintas.
Si tu objetivo es construir un sitio corporativo, un portfolio o un blog, Astro encaja claramente mejor. Prioriza la simplicidad, el rendimiento y un renderizado estático que favorece el SEO, sin imponer JavaScript innecesario. El resultado: un sitio que carga al instante y sigue siendo fácil de evolucionar.
Next.js, en cambio, destaca en proyectos de aplicación: paneles de administración, CRM, plataformas SaaS, interfaces dinámicas. En cuanto hay que gestionar lógica en servidor, autenticación o mucha interactividad, es su terreno.
No hay ganador, solo la decisión correcta para cada contexto:
- Astro, para proyectos donde primen la velocidad y la claridad.
- Next.js, para aquellos donde domine la lógica de negocio y la interacción.
Conclusión
Lo que me gusta de Astro es que me deja centrarme en el fondo y la forma, no en la configuración. Escribo, estructuro, diseño: el resto llega solo. El sitio se mantiene rápido, legible y fácil de mantener, y nunca tengo la sensación de luchar contra el framework.
Como desarrollador, es exactamente lo que busco hoy: una herramienta moderna, coherente y lo bastante ligera para desaparecer detrás del contenido.
Descubrir Astro