The Astro with Multiple Frameworks template showcases Astro's built-in support for multiple frameworks (React, Preact, Svelte, and Vue). This template demonstrates how to leverage Astro's unique ability to mix and match different frameworks within the same project, allowing you to use the best tool for each component while maintaining optimal performance.
| Item | Details |
|---|---|
| Repository | Azion Samples |
| Framework | Astro |
| Use Case | General |
About this template
This template is built with Astro and comes preconfigured with the official React, Preact, Svelte, and Vue integrations. It demonstrates Astro’s islands architecture, where components from different libraries coexist on the same page and hydrate independently. Deployed on Azion, the result is served via a distributed architecture for fast, globally distributed delivery.
Key features
- Official integrations for React, Preact, Svelte, and Vue enabled out of the box
- Mix components from multiple UI libraries within a single Astro page
- Per-component hydration via Astro islands, shipping JavaScript only where needed
- Edge-optimized delivery through Azion for low-latency access worldwide
For more information about deploying this template visit the template guide.