En Syloper adoptamos los sitios estáticos como arquitectura de referencia para sitios institucionales, de servicios y de contenido. La herramienta que elegimos para construirlos es Astro, un framework web moderno orientado al contenido. Este mismo sitio, syloper.com, está desarrollado en Astro, y es el mismo stack que aplicamos en proyectos de clientes.
Julián Butti, gerente general de Syloper, cuenta el recorrido de esta decisión en su artículo Volver a lo simple: por qué pasamos nuestros sitios de WordPress a sitios estáticos. En esta nota nos enfocamos en el lado técnico: cómo funciona Astro y qué aporta a cada proyecto.
Qué es un sitio estático
Un sitio estático se genera una sola vez, en el momento del build, y se publica como archivos HTML, CSS e imágenes. Cada visita recibe páginas ya listas: no hay consultas a una base de datos ni código ejecutándose en un servidor por cada pedido.
Este modelo trae beneficios muy concretos:
- Velocidad: las páginas ya están construidas y se sirven desde una red global, cerca de cada visitante.
- Seguridad: con menos piezas en ejecución, la superficie de ataque es mínima.
- Disponibilidad y costos: el hosting es simple, económico y soporta picos de tráfico sin esfuerzo.
- Trazabilidad: todo el sitio vive en un repositorio, donde cada cambio queda versionado, revisado y es reversible.
Cómo funciona Astro
HTML primero, JavaScript solo donde hace falta
Astro genera cada página como HTML estático y, por defecto, no envía JavaScript al navegador. Cuando un componente necesita interacción (un menú, un slider, un formulario), se carga solo ese componente, con su propio código. Astro llama a este enfoque arquitectura de islas: la página es HTML liviano y las partes interactivas son islas independientes.
El resultado son páginas que cargan casi al instante y que obtienen muy buenos valores en las Core Web Vitals, las métricas con las que Google mide la experiencia de carga.
Componentes reutilizables
Cada sección del sitio se construye como un componente: encabezados, tarjetas, bloques de casos de éxito, formularios. Los componentes se combinan para armar las páginas y se reutilizan en todo el sitio, lo que mantiene el diseño consistente y facilita ampliarlo. Astro, además, permite integrar componentes de React, Vue o Svelte cuando un proyecto lo requiere.
Contenido en colecciones tipadas
Astro organiza el contenido en colecciones: artículos, casos de éxito, servicios, productos. Cada colección tiene un esquema que define sus campos (título, fecha, imagen, categorías) y se valida en cada build. Si a una entrada le falta un dato obligatorio, el error aparece antes de publicar, no en producción.
El contenido puede estar en archivos Markdown, en un CMS headless o venir de una API. A partir de él, Astro genera automáticamente los listados, las páginas de categorías, el feed RSS y el sitemap.
Imágenes optimizadas automáticamente
Las imágenes se procesan en el build: se convierten a formatos modernos como WebP o AVIF, se generan en varios tamaños para cada pantalla y se cargan de forma diferida. Esto reduce el peso de cada página sin intervención manual.
SEO y accesibilidad desde la base
Al tener control total del HTML, cada página incluye títulos y descripciones propios, etiquetas para redes sociales, datos estructurados (schema.org), URLs canónicas y un marcado semántico que los buscadores y los asistentes de IA leen sin esfuerzo. Lo mismo vale para la accesibilidad: contraste, textos alternativos, navegación por teclado y estructura de encabezados se resuelven en los componentes y se heredan en todo el sitio.
Publicación y despliegue
El código del sitio vive en un repositorio Git. Cada cambio aprobado dispara un proceso automático que construye el sitio, ejecuta las verificaciones y lo publica en Cloudflare, que lo distribuye desde su red global de centros de datos. Publicar un cambio lleva minutos.
Cuando un proyecto necesita lógica del lado del servidor (redirecciones, un formulario, una integración), se suma con Cloudflare Workers sin cambiar de plataforma.
Un sitio pensado para trabajar con IA
Como todo el sitio es código y texto ordenado, es un entorno ideal para trabajar con agentes de inteligencia artificial. Un agente puede redactar y publicar artículos, ajustar diseños, auditar el SEO página por página o mejorar la accesibilidad, siempre con una persona que revisa y aprueba cada cambio antes de que se publique.
syloper.com y nuestros casos de éxito
Syloper.com es el primer ejemplo: migramos el sitio completo a Astro, con sus páginas de servicios, productos, casos de éxito y blog, en español e inglés, y lo publicamos en Cloudflare.
Ese mismo stack es el que aplicamos en proyectos de clientes:
- Antropo Wines: el primer sitio web de la bodega, que presenta su territorio, sus vinos y su forma de trabajar.
- Mulet D'Amico: una onepage para una marca de aceite de oliva virgen extra de Mendoza, publicada en Cloudflare Workers.
- Flor Butti: un sitio profesional rápido, optimizado para buscadores y fácil de mantener.
¿Para qué proyectos conviene Astro?
Astro es ideal para sitios cuyo contenido cambia con el tiempo pero no depende de los datos de cada usuario en tiempo real:
- Sitios institucionales y de servicios.
- Onepages de marca y landings de campaña.
- Blogs, portfolios y documentación.
Si estás pensando en renovar tu sitio o querés llevarlo a esta arquitectura, hablemos.
