← Digital Tools

Digital Tools

How I Build and Publish This Website with Astro and Vercel

A plain-English overview of building a fast, professional knowledge site with Astro, GitHub, and Vercel.

How I Build and Publish This Website with Astro and Vercel

A professional personal site does not need a complicated dashboard, plugin collection, or expensive server. For this website, the public pages are built as static HTML with Astro and published through Vercel.

The simple architecture

Writing and media

GitHub repository

Astro build

Vercel deployment

Fast public website

Why a static site works well here

  • Pages are lightweight and fast.
  • There is no public database to maintain.
  • Content and file changes have version history in GitHub.
  • Vercel provides HTTPS and deployment previews.
  • A Git-backed CMS can add an easy browser editor without losing the speed of static pages.

How publishing works

The new admin area lets an authorised editor write or paste content in the browser. When you press Publish, it creates a Git commit. Vercel then rebuilds the site and publishes the new article, resource, project, sitemap, and RSS entry.

The important principle

Use a setup that you can maintain. A simple, documented publishing process is more valuable than a complex system that is difficult to update six months later.