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.

Modelli di framework web Astro per siti basati sui contenuti. Copre raccolte di contenuti con schemi e caricatori Zod, architettura dell'isola con direttive di idratazione selettiva, transizioni di visualizzazione con ClientRouter, modalità di rendering lato server e ibride, isole server, Astro DB con astro:db, middleware con onRequest e integrazioni framework (React, Svelte, Vue). Da utilizzare durante la creazione di siti Web basati sui contenuti, la configurazione di strategie di idratazione dell'isola, l'impostazione di transizioni di visualizzazione, la scelta tra rendering statico e server, l'integrazione di componenti del framework dell'interfaccia utente, la definizione di schemi di raccolta di contenuti o l'aggiunta di middleware. Fonte: oakoss/agent-skills.