The work
This page is a technical walkthrough of this site: what it is built with, why I chose those tools, how it publishes itself, and what it scores on public speed tests. I build every site exactly the same way. Everything below can be checked, and you are looking at the result right now.
What this site is built with
The site is built with Astro, a tool that takes pages written as templates and text files and turns them into plain, finished web pages ahead of time. Nothing is assembled when you visit. The server hands over files that are already complete, which is the main reason the site is fast.
Styling is done with Tailwind, which keeps all the design decisions in one place, and the two typefaces are served from this site's own folder rather than from an outside company, so no font provider sees your visit. There is no tracking script of any kind on this site.
The blog posts are plain Markdown text files with a small amount of labeled data at the top, checked automatically at build time so a malformed post cannot go live. This is the exact editing setup I hand over at the end of every project.
Measured speed
These are this site's Lighthouse scores. Lighthouse is a public auditing tool built into the Chrome browser; anyone can run it against any site, including this one. These numbers are measured, not chosen.
- Performance
- 100
- Accessibility
- 100
- Best practices
- 100
- SEO
- 100
Measured with Lighthouse in Chrome against the production site. Re-measured after significant changes.
How it goes live
The whole site lives in a Git repository, a folder where every version of every file is kept permanently. When I save a change, the hosting service notices, rebuilds the site, and publishes it. From save to live takes minutes, with no manual steps.
If a change is wrong, the previous version of the site is still there, and rolling back is one action. There is no single fragile copy sitting on a server somewhere. This same pipeline is what I set up for every site I build.
- Save a change
- Automatic build
- Live site
What it costs to run
| Item | Cost |
|---|---|
| Hosting | Free tier |
| Automatic builds and version history | Free tier |
| Contact form delivery | Free tier |
| Typefaces | Free, self-hosted |
| Domain name | The only recurring cost |
That is the entire bill. The free tiers involved are not trials; they are standard plans that a small, fast site fits inside comfortably. A rebuilt client site has the same cost profile: the domain, and nothing else.
Client projects
Client work will be added here as it ships, with the same treatment: what was wrong, what changed, and measured results. Until then, the walkthrough above is the portfolio.