Astro Has a Free Content-Focused Framework That Ships Zero JavaScript by Default

#javascript #opensource #astro #frontend

Astro is a web framework for content-driven websites. It ships zero JavaScript by default — only hydrating interactive components on demand.

What You Get for Free

Zero JS by default — static HTML, add JS only where needed
Islands architecture — hydrate components independently
Any UI framework — React, Vue, Svelte, Solid, Preact
Content collections — type-safe Markdown/MDX
SSR + SSG — choose per route
View transitions — SPA-like navigation
Integrations — Tailwind, MDX, Sitemap, RSS

Quick Start

npm create astro@latest

Page Component

---
import Layout from '../layouts/Layout.astro';
const posts = await Astro.glob('./blog/*.md');
---

<Layout title="Blog">
  {posts.map(post => (
    <article>
      <h2>{post.frontmatter.title}</h2>
      <p>{post.frontmatter.description}</p>
    </article>
  ))}
</Layout>