astro

Astro is an all-in-one web framework for building fast, content-focused websites. It uses an islands architecture that ships zero JavaScript by default, hydrating only interactive components on demand. Components from React, Svelte, Vue, Solid, and Preact can coexist in a single project.

When to use: Content-driven sites (blogs, docs, marketing), portfolios, e-commerce storefronts, any site where most pages are primarily static with isolated interactive regions.

When NOT to use: Highly interactive single-page applications (dashboards, real-time collaboration tools), apps requiring full client-side routing with shared global state across all components.

Patrones de marco web Astro para sitios basados ​​en contenido. Cubre colecciones de contenido con esquemas y cargadores Zod, arquitectura de isla con directivas de hidratación selectivas, transiciones de visualización con ClientRouter, modos de renderizado híbrido y del lado del servidor, islas de servidores, Astro DB con astro:db, middleware con onRequest e integraciones de marcos (React, Svelte, Vue). Úselo al crear sitios web basados ​​en contenido, configurar estrategias de hidratación de islas, configurar transiciones de vista, elegir entre renderizado estático y de servidor, integrar componentes del marco de la interfaz de usuario, definir esquemas de recopilación de contenido o agregar middleware. Fuente: oakoss/agent-skills.