Astro Has a Free Static Site Framework — Ship Zero JavaScript by Default
Astro is a content-focused web framework that ships zero JavaScript by default — your pages load instantly. What You Get for Free Zero JS by default — HTML-only output unless you need interactivity Islands architecture — hydrate only interactive components Any UI framework — use React, Vue, Svelte, Solid in the same project Content Collections — type-safe Markdown/MDX with validation SSR & SSG — static generation or server rendering, per page View Transitions — smooth page transitions built-in Image optimization — automatic responsive images Middleware — auth, redirects, A/B testing Quick Start npm create astro@latest --- // src/pages/index.astro const posts = await getCollection('blog') --- <html> <body> <h1>My Blog</h1> {posts.map(post => <a href={post.slug}>{post.data.title}</a>)} <!-- This page ships 0 KB of JavaScript --> </body> </html> Why Developers Switch from Next.js Next.js ships a React runtime even for static pages: 0 KB JS — static pages have zero JavaScript overhead Any
Continue reading on Dev.to JavaScript
Opens in a new tab
