Static Site
A website made of pre-built pages that load fast because the server just hands them over. No assembly required.
A static site is a website where every page is pre-built ahead of time and served to visitors as simple files, with no database or server-side processing involved at the moment someone visits. Tools called static site generators (like Astro, Hugo, and Eleventy) take your content and templates, compile everything into ready-to-serve HTML files, and the result loads extremely fast because the server’s only job is handing over files that already exist. This approach also means lower hosting costs and a smaller security footprint, since there’s no live database or application server for attackers to target.
The Simple Version
Think of a restaurant. A static site is like a deli counter: the sandwiches are already made, sitting in the case, ready to go. You point, they hand it to you. Fast.
A dynamic site is like ordering off a menu: the kitchen has to cook your meal every time someone orders. It takes longer, but you get more customization.
Static sites are pre-built. Every page is ready before anyone visits. The server just hands over files, no thinking required.
Why It Matters
Static sites are fast, cheap to host, and secure (there’s no database to hack). For portfolios, blogs, and marketing sites, they’re usually the best choice. You don’t need a full kitchen when a deli counter does the job.
The trade-off is that content changes require a rebuild. But modern tools like Astro make rebuilds so fast that it barely matters.
How It’s Used on This Site
This entire site is static. Astro builds every page ahead of time and Vercel serves them as plain files. That’s why it loads fast and costs almost nothing to host. The blog posts, the glossary, the project pages are all pre-built HTML, ready to go the moment you click.
Related Articles
How a glossary of technical terms for non-technical readers grew out of the same AI workflow that builds the site itself. Content collections, structured data, and Claude Code doing the heavy lifting.
A non-developer's walkthrough of building a professional website using Claude Code, Astro, and AI-assisted development. From rapid scaffold to production deployment.
Browse the Full Dictionary