Astro

Astro is a web framework purpose-built for content-driven sites like blogs, portfolios, and documentation. It generates static HTML at build time and ships zero JavaScript to the browser by default, only loading interactive code when a specific component actually needs it. Astro also lets you mix and match components from React, Vue, Svelte, and other frameworks in the same project, and it has built-in support for Markdown content and file-based routing.

The Simple Version

Astro is a tool for building websites that are mostly about content: blogs, portfolios, documentation, marketing pages. Its big trick is that it sends as little code as possible to the browser. Most frameworks ship a bunch of JavaScript to every visitor whether they need it or not. Astro only sends JavaScript when a page actually needs interactivity.

Think of it this way: most website builders give you a sports car even when you just need to walk to the mailbox. Astro gives you exactly the right vehicle for the trip.

Why It Matters

Speed matters. Every extra bit of code your browser has to download and run makes the page slower. Astro’s approach means pages load fast, which is better for visitors, better for search rankings, and cheaper to host.

Astro also lets you use tools like React, but only where you need them. Want a static blog with one interactive widget? Astro handles that gracefully.

How It’s Used on This Site

This entire site is built with Astro. Blog posts are Markdown files. Pages are Astro components. The few interactive pieces (like modals in the experience section) use React, loaded only when needed. Everything else is plain, fast HTML.

Try It

Astro is free and open source.