Astro 4.0 introduces View Transitions API, improved hybrid rendering, and enhanced DX features for fast and flexible website development.
Astro 4.0 Officially Released
Marks a major leap in Astro's capability as a modern web framework.
Focused on performance, developer experience, and UI fluidity.
Native View Transitions API
Enables seamless page transitions with no full reloads.
Offers built-in support for fade, slide, and custom animations.
Improved Hybrid Rendering
Allows developers to mix static, server-rendered, and client-rendered content on a per-route basis.
Enhances control over performance and interactivity.
Updated Dev Server Performance
Up to 35% faster hot module reloading (HMR).
Smarter caching strategies reduce rebuild times.
Enhanced Markdown and MDX Support
New features in content collections: schema validation, type safety, and auto-generated routes.
Better integration with CMS tools like Sanity, Contentful, and Strapi.
New Integration with React Server Components
Optional support for React Server Components in hybrid rendering.
Allows full-stack features in a traditionally static-first framework.
Accessible Routing Features
Improved support for ARIA landmarks, route announcements, and focus management.
Enhances accessibility for SPAs and MPAs built with Astro.
Plugin Ecosystem Growth
Over 400 community plugins now verified.
Highlights include Tailwind, SvelteKit, Vue, and Cloudflare integrations.
Stronger TypeScript Experience
Full TypeScript 5.x support.
Improved IntelliSense and error highlighting in Astro files.
CLI Improvements
Simplified project scaffolding and preview commands.
Automatic performance insights during builds.
