Vamos directo al grano. Amamos Next.js. Lo usamos para aplicaciones web complejas, dashboards y cualquier cosa que requiera mucho manejo de estado.
Pero para una landing page? Es matar una mosca con un cañón. Y no del tipo “mejor que sobre a que falte”, sino del tipo “traer un tanque a una pelea de cuchillos”.
El problema de Next.js para sitios estáticos
Cuando hacés una landing con Next.js (incluso con Server Components), a menudo estás mandando un montón de runtime de React que simplemente no necesitás. La hidratación es costosa. Los celulares se ahogan con bundles grandes. Y Lighthouse de Google te castiga por eso.
Queríamos que este sitio fuera:
- Rápido. No que “se sienta rápido”, sino rápido de verdad.
- Simple. Sin manejo de estado complejo para un simple formulario de contacto.
- Verde. Menos procesamiento = menos energía.
Entra Astro
Astro toma un enfoque diferente. Envía cero JavaScript al cliente por defecto. Así es. Nada.
Renderiza tu HTML en el servidor (o en build time) y elimina todo el JS a menos que explícitamente lo pidas.
Arquitectura de Islas
¿Lo mejor? No tuvimos que renunciar a React por completo. ¿Ves esa calculadora de precios o el formulario de contacto? Son componentes de React.
En Astro, usamos “Islands Architecture” (Arquitectura de Islas):
<ContactForm client:visible />Al agregar client:visible, le decimos a Astro: “Che, tratá este pedazo específico como una app de React, pero solo cargá el JS cuando el usuario scrollee hasta ahí”.
El resto de la página —el header, el footer, el texto que estás leyendo ahora— es puro HTML y CSS.
Los Resultados
Hicimos los números. Comparando una versión anterior de este sitio en Next.js vs. la versión en Astro:
- Tamaño del Bundle: Reducido un 85%.
- First Contentful Paint (FCP): 0.8s vs 0.3s.
- Score de Lighthouse: Saltó de 88 a 100 en mobile.
Conclusión: Elegí la Herramienta para el Trabajo
Astro no es “mejor” que Next.js. Es mejor para este caso de uso.
Usamos Next.js todos los días para aplicaciones complejas—dashboards, portales, cualquier cosa con mucho manejo de estado. Usamos Astro para sitios de contenido. Saber cuándo usar cada uno es la diferencia entre un sitio ágil con 100 puntos y uno que hace esperar a los usuarios de celular.
No elegimos stacks tecnológicos por moda. Los elegimos porque funcionan. Y para este sitio, Astro funciona mejor.
¿Estás construyendo una landing page o sitio de marketing? Astro debería estar en tu lista. Estás mirando uno ahora mismo.
¿Estás construyendo una web app compleja o un producto con IA? Next.js probablemente sea tu respuesta.
De cualquier manera, te podemos ayudar. Y si te preguntás sobre pricing para tu proyecto, mirá nuestra guía de precio fijo vs por hora.