From zero to your first web page with Claude Code (no coding required)

You’re going to build a web page by describing it in words and publish it online for free. Without writing code by hand. Tap each step to open it.

Before you start: you need Claude Code (guide) and a GitHub account (guide) ready.

1 Create your project folder

Create a new folder on your computer (e.g. my-first-web).
In VS Code: File → Open Folder and pick that folder.
Open Claude Code with its (✳) icon.

2 Ask Claude to build it

Write something specific, for example:

“Create a simple personal landing page: my name, a sentence about me, a photo and a contact button. Make it look modern and work on mobile. Explain which files you created.”

Claude will show you what it’s going to do. Review it and accept. Ask for changes as many times as you want (“make it dark mode”, “add my socials”).

3 Preview it on your computer

Ask Claude: “How do I see it in my browser?” and follow what it says (it usually runs a command and gives you a localhost link). Open it and check your page. If you don’t like something, ask for the change and look again.

4 Save it to GitHub

Tell Claude: “Push this to a new repository on my GitHub”, or do it yourself from Source Control → Publish to GitHub (how). Now your work is saved and ready to publish.

5 Publish it online for free

Go to https://vercel.com and create an account with your GitHub (one click).
Click “Add New → Project” and import the repository you just pushed.
Click “Deploy”. In ~1 minute you’ll have a public link (e.g. your-project.vercel.app).

🎉 From now on, every time you push a change to GitHub, your site updates itself.

If something goes wrong

Problem	Fix
I don’t know how to view it	Ask Claude: “run it and give me the link to view it”
A red error appeared	Copy the error and paste it to Claude as-is; it’ll fix it
Vercel can’t find my repo	Make sure you pushed it to GitHub (Step 4)