Stack · Frontend # Ligero por defecto. Un frontend rápido no es el que carga más rápido tras optimizar: es el que nunca tuvo que cargar lo innecesario. 01 ## Lenguajes Los tres pilares de la web, bien usados. Sin capas que no aportan. ### HTML La base de todo. Semántico y accesible: estructura correcta que los buscadores y lectores de pantalla entienden sin esfuerzo. ### CSS Sin frameworks de estilo pesados. CSS moderno (grid, custom properties) es suficiente para diseños limpios y ligeros. ### TypeScript JavaScript con tipos. Detecta errores antes de escribir el código y hace que los proyectos crezcan sin romperse. 02 ## Astro y Vite: cuándo usamos cada uno No compiten: resuelven problemas distintos. La clave es saber cuál necesita tu proyecto. — Astro — Vite + Vue (SPA) — Qué es — Framework para sitios de contenido — Bundler y dev server para apps — JavaScript enviado — 0 KB por defecto (HTML estático) — El que tu aplicación necesite — SEO — Excelente: HTML puro desde el servidor — Requiere configuración extra (SSR/prerender) — Ideal para — Landings, blogs, marketing, documentación — Dashboards y apps muy interactivas — Lo elegimos porque — Velocidad y SEO vienen de serie — Experiencia de desarrollo inigualable — 03 ## Caso real: esta misma web depaz.dev está construida con Astro y es su propia demostración. Estas son sus métricas, medidas en producción con Lighthouse — no en un entorno ideal. 100/100 Performance y SEO (Lighthouse, en producción) 1.4 s Largest Contentful Paint en móvil 0.000 CLS: la página no salta al cargar 0 KB De frameworks de UI enviados al navegador El contenido se sirve como HTML directamente desde el servidor: el navegador no tiene que construir la página con JavaScript. Puedes verificar las métricas tú mismo en [pagespeed.web.dev](https://pagespeed.web.dev/). Y no es el único caso: [iflowagents.com](https://iflowagents.com), desarrollada por nosotros para uno de nuestros aliados, también está construida con Astro y se posiciona de forma destacada en Google para sus búsquedas objetivo. Y la regla opuesta también tiene caso: [iflowCRM](https://crm.iflowchain.com), la aplicación de gestión que desarrollamos para IflowChain, está construida con Vue + Vite — interactividad constante y estado en cada pantalla. La herramienta correcta para cada trabajo. 04 ## Nuestra regla ### Contenido y SEO → Astro Si tu web se lee más de lo que se manipula (landing, blog, tienda), Astro entrega HTML puro: carga instantánea y el mejor posicionamiento posible. Esta web está hecha con Astro. ### Aplicación interactiva → Vite Si tu producto es una herramienta con estado constante (dashboards, editores, panel de control), montamos la SPA con Vite y Vue: iflowCRM, por ejemplo, está construida así. La interactividad lo justifica. 05 ## Preguntas frecuentes ### ¿Astro o React/Vite para mi web? Regla simple: si tu web se lee más de lo que se manipula (landing, blog, tienda, documentación), Astro. Si es una herramienta con estado constante (dashboard, editor, panel de control), una SPA con Vite. Arriba está la comparativa completa. ### ¿Por qué no usan React o Vue por defecto? Porque la mayoría de las webs son contenido, y enviar un framework de UI completo para mostrar texto es coste sin beneficio: más descarga, más hidratación, peor posicionamiento. Vue entra cuando la interactividad lo justifica — iflowCRM, nuestra app de CRM, está construida con Vue + Vite por esa razón. ### ¿CSS moderno sin Tailwind o Bootstrap alcanza? Sí. Grid, flexbox y custom properties cubren diseños profesionales sin 40 KB de framework de estilos ni clases de utilidad aprendidas de memoria. Menos peso, sin dependencias que actualizar. ### ¿Cómo de rápido carga una web hecha así? Esta misma página carga con 100/100 de Performance en Lighthouse medido en producción, con LCP de 1.4 s en móvil. Los números de arriba son reales y puedes reproducirlos en pagespeed.web.dev. ## ¿Y para tu proyecto? Lo analizamos contigo y elegimos la herramienta que menos cueste construir y mantener. [Contáctanos](/#contacto)