Back to articles
Astro 4 Has a Free Content Framework: Ship Zero JavaScript by Default and Use Any UI Library

Astro 4 Has a Free Content Framework: Ship Zero JavaScript by Default and Use Any UI Library

via Dev.to JavaScriptAlex Spinov

You build a blog with Next.js. The homepage — which is mostly static text — ships 150KB of React runtime. You add next/dynamic , split chunks, configure ISR. All to serve what is essentially an HTML page. What if your framework shipped pure HTML by default, and only added JavaScript for the components that actually need it? That's Astro's Islands Architecture — and Astro 4 makes it better than ever. What Astro 4 Gives You Zero JS by default — pages ship as pure HTML unless you opt in Islands Architecture — interactive components hydrate independently Use any framework — React, Vue, Svelte, Solid, Preact in the same project Content Collections — type-safe Markdown/MDX with schema validation View Transitions — SPA-like page transitions without client-side routing Server Actions — form handling and mutations (new in Astro 4) Built-in image optimization — responsive images with zero config Quick Start npm create astro@latest Islands Architecture — Interactive Only Where Needed --- // src/p

Continue reading on Dev.to JavaScript

Opens in a new tab

Read Full Article
3 views

Related Articles