More about Astro Static Sites

Astro represents a paradigm shift in how we build websites for content. Unlike traditional JavaScript frameworks that ship entire runtime libraries to the client, Astro works differently.

Zero JavaScript by Default

This is the most important principle. Astro sends zero JavaScript to the browser unless you explicitly ask for it. For 90% of content websites, you don’t need any client side JavaScript at all.

Build Time Rendering

Everything happens on your machine, at build time. The server never runs code for your visitors. Every page is pre-rendered into plain HTML before anyone even visits your site.

Islands Architecture

When you do need interactivity, Astro uses islands. Only the specific components that need JavaScript get hydrated. The rest of your page remains static, lightweight, and fast.

Astro is perfect for static content websites, blogs, portfolios, and static marketing pages. It pre-renders everything into static html, so when pages load, they load instantly.

More details

Astro also helps to maintain the SEO-optimized sites by providing the clean, static HTML with minimal js which is easy to crawl for search engines.

Astro scores high on lighthouse performance tests(100 also) and other metrics.

On the top of it all, astro supports multiple UI frameworks like React, Vue, Svelte, etc. So you can use the framework of your choice for different components.