Cada pocos meses aparece una herramienta que promete resolver el proyecto entero. Casi nunca lo hace, y el coste no es la suscripción: es la capa extra que hay que mantener, depurar y explicar al cliente. Este es el stack con el que trabajamos ahora mismo y, sobre todo, por qué es tan corto.
Construir: HTML primero
Astro es la base. Genera HTML estático y no envía JavaScript por defecto; las islas interactivas se hidratan solo donde hay estado de verdad. Para una web de agencia, un catálogo o una landing, eso significa menos código en el móvil del cliente, menos cosas que se rompan y un rendimiento que no depende de un plugin.
Tailwind maneja el estilo, pero los tokens viven en CSS: colores, tipografía, espaciado y estados son variables, no una colección de utilidades sueltas. Así el sistema de diseño se puede leer, cambiar y auditar sin buscar clases por todo el proyecto.
Para el movimiento, anime.js y las transiciones nativas entre páginas. La regla es la misma que con el CSS: la animación se escribe una vez, se apaga sola con prefers-reduced-motion y nunca es lo único que sostiene la interfaz.
Publicar: Vercel
Vercel publica el sitio estático en su CDN y genera una URL de preview por cada pull request. Eso cambia la revisión: el cliente ve el cambio real antes de que esté en producción, y nosotros comparamos versiones en el mismo entorno. No hay servidor que reiniciar ni plugin de caché que ajustar.
Medir: cuatro fuentes, no cuarenta paneles
- Search Console: consultas, páginas indexadas, errores y el informe de Core Web Vitals. Es la visión de Google sobre tu web.
- GA4: comportamiento y conversiones, con el consentimiento configurado. Menos informes y más eventos bien definidos.
- PageSpeed Insights y los datos de campo de Chrome: el rendimiento real, no solo el de laboratorio.
- Unlighthouse: Lighthouse sobre todas las URLs del sitio de una vez, para detectar la página que nadie mira y que arrastra la media.
Para presentar, un cuadro de mando en Looker Studio con esas fuentes. Si un número no cambia una decisión, no entra en el cuadro.
Lo que hemos dejado fuera
Constructores de páginas con una pila de plugins, sliders de jQuery, un gestor de contenidos para una web de cinco páginas y tag managers con más etiquetas que contenido. No es una cruzada: si un proyecto necesita una herramienta, se usa. Lo que no hacemos es añadir capas por costumbre.
La prueba es sencilla: por cada herramienta, una pregunta que responde y una persona que la mantiene. Si falla una de las dos, se queda fuera.