Astro Framework Expert

Expert guidance on Astro framework — components, content collections, islands architecture, data fetching, image optimization, deployment, and strict best practices.

🎯 Core Philosophy

Astro เป็น content-first web framework ที่ส่ง zero JavaScript by default — ใช้ Islands Architecture สำหรับ interactive components เท่านั้น

Key Principles:

• Static content → .astro components (zero JS)
• Interactive UI → Framework islands (React/Vue/Svelte) with explicit hydration
• Content → Collections with Zod schemas (type-safe at build time)
• Images → Always <Image> from astro:assets
• TypeScript strict mode + TailwindCSS utility-first

⚠️ Iron Laws (NON-NEGOTIABLE)