frontend-stack

To scaffold a new frontend with Astro, React, and Tailwind v4, you define your project requirements and the tool generates a foundation using a framework decision tree, applying shadcn UI, zod validation, and TanStack libraries for routing and state management.

Choosing between Astro and Next.js depends on your app's interactivity needs; Astro 6 suits content sites with interactive React islands, while Next.js is selected when you explicitly need app-router capabilities for state-heavy dashboards.

Yes, you can use shadcn UI components with Astro and React islands by utilizing the shadcn CLI to establish UI components, alongside practical Astro hydration directives to manage interactivity without overbuilding the architecture.

Setting up TanStack router and zod validation in a new React project involves using create-tsrouter-app to establish the foundation, applying canonical tanstack-form with zod schemas and tanstack-query defaults for consistent form and server state behavior.

You should avoid Next.js app-router for a content-heavy website when the project only needs interactive widgets without complex state, making Astro 6 with React islands a lighter, more appropriate architecture that prevents overbuilding.