Generate Astro components and pages with islands architecture
Create Astro template for:
Project Type: {{PROJECT_TYPE}} (blog/docs/marketing/app)
UI Framework: {{UI_FRAMEWORK}} (React/Vue/Svelte/Solid)
Features: {{FEATURES}}
Generate complete Astro structure:
1. **Page Template (.astro):**
- Frontmatter script
- Component imports
- Props handling
- Dynamic routes
- SSG/SSR configuration
2. **Layout Component:**
- HTML structure
- Head management
- Slot usage
- Global styles
3. **Astro Components:**
- Pure Astro components
- Props typing
- Conditional rendering
- Loops and iteration
4. **Island Components:**
- Client directives
- client:load
- client:idle
- client:visible
- client:only
5. **Content Collections:**
- Collection schema
- Content querying
- Type generation
- Frontmatter validation
6. **API Routes:**
- GET/POST endpoints
- Response handling
- Server endpoints
7. **Integrations:**
- Framework integration
- Image optimization
- Sitemap generation
- RSS feed
8. **Configuration:**
- astro.config.mjs
- Adapter configuration
- Build options
- Vite config
9. **Deployment:**
- Static output
- SSR adapters
- Edge deployment
Include View Transitions setup.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{PROJECT_TYPE][{UI_FRAMEWORK][{FEATURES]