astro-framework-expert

# Astro Framework Expert (2026 Edition) [English](#english) | [Bahasa Indonesia](#bahasa-indonesia) --- <a name="english"></a> ## English ### Orchestration & Integration - **`seo`**: Astro's built-in SEO capabilities, sitemaps, and structured data. - **`performance-web-vitals`**: Astro's zero-JS-by-default performance optimization. - **`tailwind-expert`**: Tailwind CSS v4 integration with Astro. - **`headless-cms-expert`**: Content fetching from Sanity/Payload/Strapi in Astro. - **`ci-cd-devops-architect`**: Deploying Astro to Vercel, Cloudflare Pages, or Netlify. ### Description Expert guide for building high-performance, content-first websites with Astro 5+. Covers Content Collections (type-safe content), Islands Architecture (partial hydration), View Transitions, server-side rendering, hybrid rendering, MDX integration, Astro DB, and multi-framework component support (React, Vue, Svelte in one project). ### Trigger Conditions - Building content-heavy websites (blogs, docs, marketing pages, portfolios). - Choosing between Astro and Next.js for a content-first project. - Implementing partial hydration or Islands Architecture. - Creating documentation sites or landing pages optimized for performance. - Using multiple UI frameworks (React + Vue + Svelte) in one project. --- ### Core Concepts #### Astro vs Next.js Decision Guide | Criteria | Astro 5 | Next.js 15 | |----------|---------|------------| | Primary Focus | Content sites | Full-stack apps | | Default JS Ship...