Component Orchestra
Compose Astro components with slots, props, and scoped styles — all static.
Pure Astro composition
Not everything needs a framework. Astro components are the backbone — they compile to HTML with optional scoped styles and zero runtime overhead.
The conductor
This page is built entirely from .astro files. No islands, no
hydration, no client bundle for the layout itself.
Nested Astro component
Hello, visitor! This entire tree is static HTML — props flow in at build/request time, and no client bundle is needed.
The sections
- Props — Data flows down from parent to child
- Default slot — Children render where <slot /> is placed
- Named slots — Footer content via <Fragment slot='footer'>
- Scoped CSS — Styles stay local to each .astro file