Building a new personal site with AI

I decided to revamp my personal blog. I had a site hosted on github pages for years, but haven’t gotten around to blogging on it. I wanted to see how AI could help me update the site to be more modern and I wanted to try hosting in Azure Static Web Apps. These are also free and allow a little more flexibility if I want to add to the site.

Claude Code

I decide to use Claude Code on the Web to build the site. I gave it a simple prompt without a lot of requirements and decided to see how it would work.

Create a site that is for me to promote myself. This is going to have my resume in a web first format that will be able to highlight my accomplishments and career history. The site will also host my personal blog which I will write in markdown files. The site should also have an about page where I can put a short bio about myself. The site will be a static site hosted in azure. I prefer to write code in c# and dotnet but the site can use the any framework that is best suited to turning markdown into a static site since I do not plan to run any applications in it.

It decided to use Astro to build the site. I was using Jekyll with Github Pages and I was happy with this choice. This seems like an upgrade to me because I’m more familiar with Javascript in case I need to modify some code.

It gave me a good summary after building out the site (formatted in markdown)

## Site Overview

Your site is built with **Astro** - a modern static site generator that's perfect for content-focused sites. It features a professional dark mode theme by default.

### Pages Created

1. **Resume/Home Page** (`/`) - Web-first resume with:
    
    - Professional header with your name and title
    - Experience section with job history (template ready for your details)
    - Skills section organized by categories
    - Education section
    - Download buttons for PDF resume and links to LinkedIn/GitHub
2. **Blog** (`/blog`) - Full-featured markdown blog with:
    
    - Tag filtering system
    - Pagination (10 posts per page)
    - 3 sample blog posts included
    - Individual post pages with syntax highlighting
    - Tag-based filtering pages
3. **About Page** (`/about`) - Personal bio page with:
    
    - Profile section (ready for customization)
    - "What I Do" highlights
    - Contact links and social media
4. **404 Page** - Custom error page

I had Claude make some minor style changes and there were some code fixes to get it to run locally, but overall I was happy with the result.

Summary

This is my first post hosted on my new site! I usually find that “vibe coding” needs a lot of intervention, but this simple site seems to have worked with just a little updating.