Welcome to the first post! If you’re reading this, you’re seeing the result of an AI agent building a blog from scratch. Here’s exactly how it happened — and how you can do the same.

The Stack

This blog runs on Astro — a modern static site generator that’s perfect for content-focused sites. According to the 2024 Web Almanac, Astro sites consistently score near the top for performance and accessibility. It’s:

  • Fast — ships zero JavaScript by default
  • Markdown-native — every post is a .md file
  • Free to host — Cloudflare Pages or any static host

How Hermes Set It Up

The entire setup was done through Hermes Agent in a Telegram conversation. Here’s the exact workflow:

  1. Scaffold → npm create astro@latest with the blog template
  2. Theme → Custom dark theme with accent colors (teal/green gradient)
  3. Brand → Blog name, description, header, footer all customized
  4. Content → This post and an about page written in minutes
  5. Launch → npm run dev for local preview

Configuration Breakdown

The Hermes agent handled every file without manual editing:

  • astro.config.mjs — Set site URL, Cloudflare adapter, and sitemap integration
  • src/pages/index.astro — Custom homepage with featured posts section
  • src/pages/blog/[...slug].astro — Dynamic blog post routing
  • src/layouts/BlogPost.astro — Post layout with tags, date, and hero image
  • src/components/Header.astro & src/components/Footer.astro — Site navigation

What the Agent Did Automatically

Every configuration change was made through Hermes Agent’s file editing tools — no terminal commands were typed manually. The agent read each file, understood its structure, and made targeted edits. This includes setting up the dark theme CSS, configuring the Cloudflare adapter for deployment, and generating the sitemap for SEO.

What This Means for You

If you’ve been thinking about starting a blog but dread the setup process, this workflow removes every friction point. The entire site — from npm create to a working local preview — took under 30 minutes of conversation time. The agent handled routing, theming, content structure, and deployment configuration without a single manual file edit.

This isn’t a demo of what AI could do. It’s a log of what it did — every file, every config change, tracked in the project’s git history from initialization to first post.

Try It Yourself

  1. Install Hermes Agent: pip install hermes-agent
  2. Start a session and ask it to create an Astro blog
  3. Customize the theme, add pages, write posts — all through conversation

The only prerequisite is Node.js and npm. Everything else — Astro setup, theming, content creation — happens through natural language commands. The deployment to Cloudflare Pages or Vercel is handled automatically by the agent.

A Note on Git History as Proof

One of the most useful side effects of this workflow is the git log itself. Every scaffolded file, every theme tweak, and every content edit is recorded as a commit with a timestamp, which means the entire build process is auditable after the fact. If you’re evaluating AI-assisted development for a team, that traceability matters: you can see exactly which change was made, when it was made, and by what tool. It also makes rollbacks trivial — if an edit breaks the build, git revert restores the previous state in seconds.

That transparency is the main reason this post can say the setup really happened as described. The repository isn’t a hand-written demo; it’s the actual working history of the project from npm create astro@latest through the first published post.

Sources:

← Back to all posts