In Part 1, I described what I wanted to Claude and ended up with a website running on my laptop. Part 2 is about taking it off my laptop and putting it on the internet by setting up GitHub, pointing my domain at it, and a small bonus on the code editor I now love.

Start here → I Built My Portfolio With Claude Code. Here's How.

motitomi.com


My Experience with Coding

None, really. I copy-pasted SQL into finance dashboards, back when most of my job was wrangling spreadsheets and chasing down bank reconciliations. That was years ago. Nothing since.

So when Claude Code opened with git init, deploy.yml, vite.config.js, I had to keep reminding myself I wasn't supposed to know what any of that meant yet. Turns out, you don't have to. That's the vibe in vibecoding. You need the shape of what's happening, and a partner fluent in both English and machine language.

Claude was fluent in both.


<aside>

Step 1: Set up GitHub

</aside>


<aside>

Step 2: Set up Custom Domain

</aside>


<aside>

Bonus: Set up VS Code

</aside>


<aside> 📝

Three things I'd tell you before you start

  1. You will feel out of your depth. That's fine. I stared at terminal commands I didn't understand. I Googled words Claude used casually. I asked Claude to re-explain things. All that is part of the ✨learning process ✨.
  2. Ask Claude to explain, then verify. "Walk me through what we just did, in plain English". Understanding the system meant I could troubleshoot when something breaks. (Something always breaks.)
  3. Suspect settings before code. Twice in this build, what looked like a code error was actually a checkbox I hadn't ticked. A missing token permission or a Pages source set to the wrong option. When something breaks, screenshot the error, hand it to Claude, and ask: "Is this a code problem or a settings problem?" Saves hours. </aside>

<aside> 🛬

What's next

In Part 3: Iterate and Monitor, I'll walk through how I reviewed content and design of the site overall.

You too can build your own portfolio, or whatever you want to build.


</aside>