Global Tech Stack

Configure your Astro tech stack by choosing rendering modes (SSG, hybrid, or SSR), selecting UI frameworks for islands (React, Vue, Svelte), setting up Tailwind CSS or alternative styling, configuring Content Collections with Zod schemas, and selecting deployment adapters. This Skill provides concrete configuration templates and governance guidelines aligned with Astro best practices.

Optimize Astro projects by configuring astro.config.mjs with appropriate integrations, enforcing TypeScript strict mode, setting up linting standards, and implementing performance optimizations. This Skill guides configuration choices and provides templates that ensure consistency and optimal performance across your project.

Yes. Astro supports React, Vue, and Svelte as interactive islands alongside static content. This Skill covers selecting and configuring your preferred UI framework, integrating Tailwind CSS for styling, and setting up Content Collections—ensuring all components work cohesively within your Astro architecture.

Rendering mode selection depends on your content and interactivity needs. SSG pre-renders pages for maximum performance; SSR renders on-demand for dynamic content; hybrid combines both. This Skill evaluates your requirements and recommends the optimal mode with corresponding deployment adapter configuration.

Astro supports deployment on Vercel, Netlify, and Cloudflare via adapters, with testing pipelines using Vitest and Playwright. This Skill configures adapters for your chosen platform and integrates testing infrastructure while maintaining performance-first principles and TypeScript enforcement.

Inconsistent technology choices lead to maintenance issues and performance problems. This Skill establishes validated, reproducible tech stack recommendations with configuration templates, governance guidelines, and best practices that ensure all generated code aligns with your Astro project's standards.