astro

To minimize client-side JavaScript, use Astro's islands architecture to ship zero JS by default and hydrate only interactive components using client:* directives. This server-first rendering approach ensures static output unless specific routes opt into SSR.

Islands architecture is a frontend design pattern where pages ship zero JavaScript by default. Interactive components are treated as isolated islands that hydrate independently only when needed, using client directives to control client-side behavior.

Configure static output by default and opt specific routes into server-side rendering using prerender settings. This allows content-driven routes to remain static while dynamic pages use SSR within the same project.

Use server-first rendering for content-driven routes and modular UI components to reduce client-side JS. Apply client:* directives only when client-side interactivity is strictly needed, keeping the default output static.

Yes, Astro is built for content-driven web applications requiring modular components. It uses frontmatter-driven configuration and server directives to enable islands architecture, delivering fast, component-based UI with minimal client-side overhead.

Create a new Astro project configured for islands routing, then place your content in the src/content directory to begin. Apply server directives during component development to manage hydration and static output.