astro
Installation
SKILL.md
Astro
Astro is a content-driven web framework pioneering Islands Architecture, shipping zero client-side JavaScript by default and hydrating interactive components on demand.
When to Use
- Content-Driven Websites & Portals: Blogs, documentation, marketing sites, and e-commerce product catalogs.
- Zero-JS Default Architecture: Delivering maximum Lighthouse performance with Islands Architecture.
- Multi-Framework Integrations: Mixing React, Vue, Svelte, and Solid components in a single project.
- Hybrid Static & Server-Rendered Sites: Pre-rendering static pages while utilizing SSR routes for authenticated dashboards.
Quick Start
---
// Server-side code (Frontmatter) runs at build/request time
const data = await fetch('https://api.myjson.com').then(r => r.json());
---