How I built this site with AI

This very site you're reading was built with the help of AI, and I wanted to share how the process went.

The starting point

I had an old personal site on Express and wanted something more modern: a bilingual site, with a small CMS to write without touching code, deployed on my own homelab.

AI as a copilot

I used Claude as a development copilot. It wasn't "ask it to do everything", but rather steering it: deciding the architecture, reviewing every change and checking it worked. Some things it helped with:

  • Architecture and code in Next.js 16, with a custom CMS (content in a database, rendered with MDX in Spanish and English).
  • Authentication with Auth.js and mandatory 2FA (TOTP).
  • My journey: pulling my real experience from LinkedIn into the journey section.
  • Design: a nature-inspired theme with a relaxed but readable typeface.
  • A working contact form.

From code to deployment

My favourite part: the site deploys itself through a GitOps flow.

  • Push to GitHub → GitHub Actions builds the Docker image.
  • The image is published to GHCR.
  • ArgoCD picks up the change and deploys it to my Kubernetes (K3s) homelab.

All on albertoar.com, with a SQLite database on a persistent volume and secrets managed with Vault.

What I take away from working like this

AI speeds things up massively, but judgement stays human: deciding what to build, reviewing what it generates and understanding every piece. Used as a copilot — not autopilot — it's an incredible tool.

Want to talk AI, backend or deployment? Reach out from the home page.

← Back to the blog