Astro is a free web framework that ships zero JavaScript by default. It is perfect for blogs, docs, marketing sites, and portfolios.
What Is Astro?
Astro builds fast, content-focused websites. It renders HTML on the server and only ships JavaScript when interactivity is needed (Islands Architecture).
npm create astro@latest
---
// src/pages/index.astro
const posts = await Astro.glob("./blog/*.md");
---
<html>
<body>
<h1>My Blog</h1>
{posts.map(post => (
<article>
<a href={post.url}>{post.frontmatter.title}</a>
</article>
))}
</body>
</html>
Features:
- Zero JS by default (ships HTML)
- Islands Architecture (partial hydration)
- Use React, Vue, Svelte, Solid together
- Content Collections (typed Markdown/MDX)
- Built-in image optimization
- View Transitions API
- SSR and SSG modes
Astro vs Next.js
| Feature | Next.js | Astro |
|---|---|---|
| Default JS | Full bundle | Zero |
| Best for | Apps | Content sites |
| Framework lock | React only | Any/all |
| Build output | JS-heavy | HTML-first |
| Learning curve | Moderate | Low |
With 49K+ GitHub stars. The web framework for content.
Top comments (0)