DevLog – 004: Rebuilding My Homepage with Claude Code
I've had a Claude Pro subscription for a few months now. I've used it to build a few apps that my kids and I use at home. Most recently, I rebuilt my personal homepage with the help of Claude Code.
Choosing a tech stack
Part of my discussion with Claude was what tech stack to build the new site on. I considered React, ASP.NET, or even a popular static site generator like Eleventy. But at the end of the day, those all felt like overkill for a static site with at most 2-3 pages. I decided to just have Claude build it with plain HTML and CSS. Any future updates I can handle myself by editing those files directly, and with continuous deployment from GitHub to Netlify, shipping a new build is quick and easy.
That continuous deployment pipeline turned out to be one of the real benefits of using Claude to help build websites. It knows GitHub, and it knows Netlify. I had no idea how to set up a pipeline that deploys automatically from GitHub to Netlify, and researching it myself probably would've taken a few hours. With Claude, I had step-by-step instructions and a working pipeline in under 10 minutes.
Getting the design right
The first design Claude came up with was kind of bland. I told it the design was “meh,” and it responded by putting together three more options for me to choose from. One of the designs seems to have taken inspiration from this very own site, it mimicked the blinking cursor, but gave it its own spin, pulling in some design cues from terminals and code. I chose that one. I toned it down a bit from the original concept, but I think it turned out pretty well.
This was the other big benefit of rebuilding the site with Claude. I can build websites, but I'm not much of a designer. Giving Claude some direction and getting back multiple design options to choose from, made that part of the process a lot less painful.
Sunsetting apps.dinobansigan.com
In other news, I took down the Blazor Web App at apps.dinobansigan.com. The site itself is still up, but it's now been replaced by a maintenance page (also built by Claude Code). That also means the Write.as Archive Page Generator app that used to live there is now gone.
Truth is, that app has needed a fix every few months since I built it. The root cause is different each time, but there's always something going on with it. At this point I don't have the bandwidth to keep chasing it, especially for something only a handful of people ever used. So I'm letting it go.
That's it for this update. Between the new homepage and letting go of of the archive page generator app, it feels like I freed up space in my brain to focus on new stuff. Thanks for reading, and I'll catch you in the next DevLog.
Tags: #DevLog #ClaudeCode #WebDevelopment #WriteAs
Discuss... or leave a comment below.