← Articles

June 1, 2026

Building Blazing-Fast Static Sites with Astro

Astro’s partial hydration makes static sites both fast and flexible.

Why Astro

Traditional front-end frameworks turn the whole page into a JavaScript app, even when most of the content is static. Astro takes the opposite approach: it ships zero JavaScript by default and only hydrates the interactive “islands” that actually need it.

For a content-first site like a personal portfolio, this model is close to perfect:

  • Fast first paint: no extra runtime — the browser gets HTML it can render immediately.
  • Interaction on demand: components like theme toggle and search hydrate independently.
  • Low mental overhead: content lives in Markdown, layout lives in reusable components.

The trade-offs in practice

The biggest lesson from shipping this was restraint — not everything needs to be a component, and not every interaction needs a framework. Hand the static parts to Astro, write the little dynamic logic as lightweight scripts, and the whole site becomes easier to maintain.

AI
👋 Hi, I'm Xiaorui. Feel free to chat with me!
Chat with me →