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.

コンテンツ主導型サイトの Astro Web フレームワーク パターン。 Zod スキーマとローダーを使用したコンテンツ コレクション、選択的ハイドレーション ディレクティブを使用したアイランド アーキテクチャ、ClientRouter を使用したビュー遷移、サーバー側およびハイブリッド レンダリング モード、サーバー アイランド、astro:db を使用した Astro DB、onRequest を使用したミドルウェア、およびフレームワーク統合 (React、Svelte、Vue) をカバーします。 コンテンツ主導型 Web サイトの構築、アイランド ハイドレーション戦略の構成、ビュー遷移の設定、静的レンダリングとサーバー レンダリングの選択、UI フレームワーク コンポーネントの統合、コンテンツ コレクション スキーマの定義、またはミドルウェアの追加を行うときに使用します。 ソース: oakoss/agent-skills。