astro
Astro
Fast sites with SSG/SSR, minimal JS, TypeScript, and client island architecture.
Client island examples use React (
@astrojs/react). For Vue, Svelte, or Solid islands, replace<ReactComp client:load />with your framework's component — the directive syntax (client:load,client:visible,client:idle) is identical.
When to Use
- Static sites (SSG), server-rendered (SSR), or hybrid
- Content-focused sites (blogs, docs, marketing)
- Partial hydration with islands
Don't use for:
- Full SPAs (use react)
- Client-heavy apps with constant state
- Real-time dashboards with WebSockets
More from joabgonzalez/ai-agents-framework
ag-grid
Advanced data tables with AG Grid. Trigger: When implementing AG Grid tables, configuring features, or creating custom cell renderers.
89architecture-patterns
Architectural decision guide by complexity. Trigger: When choosing architecture, planning strategic refactoring, or evaluating pattern trade-offs.
11a11y
Accessibility guide (WCAG 2.1/2.2, Level A–AAA). Trigger: When building UI components, interactive elements, or auditing accessibility compliance.
10react
Modern React with hooks and functional components. Trigger: When creating components, implementing hooks, managing state, or optimizing.
9typescript
Strict typing and type-safe development. Trigger: When implementing TypeScript in .ts/.tsx files, adding types, or enforcing safety.
9agent-creation
Standards-compliant agent definitions with templates. Trigger: When creating agent definitions, setting up project agents, or documenting workflows.
9