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

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

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”).

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.

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.

1. Go to https://vercel.com and create an account with your GitHub (one click).
2. Click “Add New → Project” and import the repository you just pushed.
3. 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.

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)