Building a Personal Website with Claude + GitHub Pages (in 5 mins & for free)

It's super easy, even my 7 yr old can do it!

Have you ever had the idea for a project but needed a quick website? I recently had the spark of an idea… I wanted a make simple personal website to offer personal finance coaching and let people trade services with me instead of paying cash. So I opened Claude, typed a brain dump, and by the time I finished my coffee I had a real, live website! Here’s exactly how you can do the same thing.

---

What I Did (The Short Version)

I described myself & my services. In just a couple minutes, Claude generated a full website - way better than what I could do on my own or using a wix / squarespace etc.

After a few iterations, I copy and pasted the code into a GitHub repository and the website is now live here: alysonla.github.io

Prompt:

Make me a website that explains who I am and offers my services for barter

<who i am & what I offer brain dump goes here>

---

How to Do This Yourself

Step 1: Build your site with Claude

Go to claude.ai and describe your website — who you are & what you are about. Don’t stress about perfection. You’ll iterate.

Step 2: Download your index.html

When Claude generates your site, click the download button below the file. This saves a single file called index.html — that file is your entire website. When you want changes, ask Claude, download the new version, and replace the old one.

Step 3: Create a free GitHub account (if you don’t already have one)

Go to github.com and sign up. Choose a clean username — it’ll be part of your URL.

my GitHub profile: github.com/alysonla

Step 4: Create a new repository

1. Click + → New repository

2. Name it exactly: yourusername.github.io

3. Choose YES to add README

4. Set it to Public

5. Click Create repository

That specific naming convention: yourusername.github.io is what tells GitHub to turn it into a live website.

Step 5: Upload your file

1. Inside your new repo, click Add file → Upload file

2. Drag in your index.html

3. Scroll down and click Commit changes

Make sure your file name is index.html

Step 6: Enable GitHub Pages

1. Go to your repository Settings → Pages

2. Under Branch, select main → click Save

3. Your site will be live at

https://yourusername.github.io

within 1–2 minutes

Step 7: You’re live.

You’ve got a real website! On the actual internet! Free! Go look at it and share with your friends!

To update later: Go back to Claude, make your edits, download the new index.html, go to your repo, paste in the changes, commit. Done.

Next steps: You can also buy a domain, for example, I own alysonla.com and you can update the settings in GitHub so this website is directed to your personal domain. (Ask Claude to walk you through it :)

---

My site is now live at alysonla.com - woohoo!

Yay for AI - see how fun and easy that was!

This is also a fun activity to do with kids…I’ve prompted Claude with my 7 yr old daughter and we’ve made fun HTML games such as:

Puppy Sunshine Game: https://alysonla.github.io/puppy-sunshine-game/

Emoji Animal Matching Game: https://alysonla.github.io/matching-game/

Here is a quick video walk through of us uploading and publishing our game on GitHub:

Let me know if you try this — and if you do, link your website in the comments. I want to see what you build!

— Alyson

---

Find more AI experiments at Alyson’s AI Playground on Substack.