✦ Astro 6.3 · 8 demos

Feature Demos

Every major Astro 6.3 capability, explained with live code you can see working right here in your browser — no clone required.

Rendering

3 demos

Add silky-smooth page animations with a single directive — no JavaScript framework required.

Render isolated server components on demand — personalized content without sacrificing static page speed.

Mix static and server-rendered pages in a single Astro project — each page picks its own rendering strategy.

1 demo

Type-safe content management with the Astro 6 Content Layer API — glob loaders, Zod schemas, and zero config.

1 demo

Type-safe form handling and RPC calls — define server functions, call them from the client, get full TypeScript types end-to-end.

1 demo

Intercept every request and response — add auth checks, inject locals, rewrite URLs, and set headers globally.

1 demo

Automatic WebP/AVIF conversion, responsive srcsets, lazy loading, and zero layout shift — built into Astro.

1 demo

Build a JSON REST API directly inside your Astro project — no separate server, no Express, no boilerplate.