In short. I built vitosemeraro.com with Claude Code without writing code by hand: I describe what I want, Claude writes the HTML pages, I check the result in the browser and approve. The site has ten static pages plus this one, lives on GitHub and goes live by itself on Firebase Hosting with every approved change.
Why should a product manager build their own site?
I’m a product manager: I write requirements, not code. I wanted a site I could change myself in a few minutes, and I wanted to try on myself the same way of working with AI that I suggest to teams. If a method works on my own site, I can explain it with real examples.
What do you need to get started with Claude Code?
| Piece | What I use | What it’s for |
|---|---|---|
| Project folder | The GitHub repository vitosemeraro-sito, public folder | Holds the HTML pages, written without a generator |
| Instructions for Claude | A CLAUDE.md file in the folder | Fixed rules: tone, page structure, what not to touch |
| Publishing | Firebase Hosting with a GitHub Actions workflow | Every change on main goes live without manual commands |
| Domain | vitosemeraro.com, bought from Netsons | A single address for Google |
| Statistics | Cloudflare Web Analytics, without cookies, and Google Analytics 4 only with consent | Knowing who arrives and from where |
To start you only need Claude Code installed, an empty folder and an account with the hosting of your choice. GitHub isn’t required, but it makes every change traceable and reversible.
Which prompt do I use?
This is the pattern I reuse for every new section. The important part is the fourth line: first the plan, then the changes.
Read CLAUDE.md and the existing pages in this folder. I want to add: [what, for whom, why]. Constraints: same style and structure as the other pages, no new external libraries, copy in Italian. First propose the plan in 5 lines and wait for my OK. Then edit the files and tell me which ones you touched and how to check them in the browser.
What has changed since Claude Code arrived?
Changes are small, frequent and all recorded. These are the ones from the first week of November 2026, taken from the repository history:
| Date | Change |
|---|---|
| 2 November | Google Analytics and Cloudflare code added to every page, published the same evening |
| 5 November | Site moved to GitHub with automatic publishing on Firebase |
| 5 November | Unique, shorter titles and descriptions on 8 pages; Person structured data linked to the profile |
| 8 November | Sharing image with dimensions, type and alt text, plus the tags for X, on 9 pages |
Where does Claude Code get it wrong, and what do I still check by hand?
- Repeated changes. The pages are hand-written HTML, with no shared template. A change that applies to the whole site, such as the analytics code, has to be repeated in every file, and I have to check none is missing.
- Forgotten pages. A test page left in the folder goes live like the others. Before publishing I look at the list of changed files.
- Copy to verify. I check numbers, dates and prices myself: AI writes well even when a fact is missing, and that’s exactly where a human eye is needed.
What does this teach a product manager?
The CLAUDE.md file works like a requirements document that never expires: the more precise it is, the fewer corrections you need. Asking for the plan before the changes is the same step as a refinement with the team. And the final check stays human: AI writes, the PM decides what goes live.
How can I do it myself?
Start from the prompt above and a short CLAUDE.md: who the audience is, what tone to use, which files not to touch, how to check a change. The full method is in The method, and how people learn to work this way is in Learning AI at work. An example of a product built this way is Staged.ai.
Frequently asked questions
Do you need to know how to code to use Claude Code?
No, not for a static site like this one: you describe what you want and check the result in the browser. You do need to be able to read what changed and decide whether it’s right.
How much does Claude Code cost?
Claude Code is used with a Claude subscription or with the Anthropic API. Prices and plans change often: the current ones are at https://claude.com/pricing.
Where do you publish a site built this way?
I use Firebase Hosting: every change saved on GitHub goes live by itself. Any static hosting will do.
Can Claude Code publish the site for me?
Yes, if you give it access to the repository and publishing starts from GitHub. I do, but the rules on what it can touch are written in the project instructions.
The examples contain only data from the site. No data from clients, guests or real accounts. Published on 9 November 2026.