Astro Patterns

Quick Guide: Astro renders pages to static HTML with zero client JavaScript by default. .astro components carry static content; framework components become interactive islands only when given a client:* directive. Content collections give structured Markdown type-safe frontmatter through Zod schemas. Rendering mode is per page: static unless export const prerender = false. Astro 6 replaced <ViewTransitions /> with <ClientRouter />, replaced Astro.glob() with import.meta.glob(), moved z from astro:content to astro/zod (now Zod 4), requires string getStaticPaths() params, and requires Node 22.12.0+.

Detailed Resources:

• examples/core.md — typed props, expressions, nested layouts, scoped vs global styles, script handling
• examples/islands.md — directive selection, client:only, multi-framework islands, server islands, cross-island state
• examples/content.md — collection schemas, querying, rendering, references, custom loaders, live collections
• examples/routing.md — static and dynamic routes, rest params, pagination, on-demand routes, endpoints, 404
• examples/integrations.md — framework integrations, View Transitions, persistence, animations, Starlight
• reference.md — project layout, route priority, collection API, adapters, rendering checklist