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.

Modèles de framework Web Astro pour les sites axés sur le contenu. Couvre les collections de contenu avec les schémas et les chargeurs Zod, l'architecture des îlots avec des directives d'hydratation sélectives, les transitions d'affichage avec ClientRouter, les modes de rendu côté serveur et hybride, les îlots de serveurs, Astro DB avec astro:db, le middleware avec onRequest et les intégrations de framework (React, Svelte, Vue). À utiliser lors de la création de sites Web axés sur le contenu, de la configuration de stratégies d'hydratation des îles, de la configuration des transitions de vue, du choix entre le rendu statique et celui du serveur, de l'intégration de composants de structure d'interface utilisateur, de la définition de schémas de collecte de contenu ou de l'ajout d'un middleware. Source : oakoss/agent-skills.