Astro Frontend UI

Overview

Implement a fast Astro public site that consumes WordPress via /graphql, keeps client JS minimal, and follows the repo’s UI style requirements. Focus on file outputs under frontend/ and a small GraphQL client.

Workflow

1. Inspect existing frontend/ files for Astro + Tailwind v4 setup and adjust only within that subtree.
2. Ensure frontend/Dockerfile, package.json, and astro.config.mjs align with Tailwind v4 via Vite and dev server on 0.0.0.0:4321.
3. Implement src/lib/cms.ts with endpoint resolution and two GraphQL queries.
4. Build pages (/, /blog, /blog/[slug]) in Astro with card-based UI and graceful empty states.
5. Use React islands only for interactive widgets, and keep everything else server-rendered.

Non-Negotiables

• Use Tailwind CSS v4 via the Vite plugin; do not use deprecated Astro Tailwind integration.
• Keep JS minimal and limit React to islands only.
• UI style: clean, card-based, generous spacing, 2xl radii, subtle shadows.