BACK TO CLAUDE CODE
Tutorial

How to Host on Vercel

A short walkthrough — told as prompts you give to Claude, plus the moments you take the wheel yourself

The Idea

Shipping something to the internet still feels guarded by terminals and tooling. This guide flattens the path. You won't need to memorise git commands or fight with config files — you tell Claude what to do in plain English, and take a brief detour into your browser when it's time to make decisions only you can make.

Five steps. Three prompts to Claude. Two moments where you take over.

The Method

1

Prompt to Claude

Describe what you want to build

Open Claude Code in a fresh folder and tell it, in plain language, what you have in mind. Be specific about what the page should look like — trust Claude to choose the technology.

Say this to Claude
Build me a single-page personal landing site as a plain index.html file. Include a hero with my name and a one-line bio, a short "what I'm working on" section, and links to my email and socials. Keep it elegant — serif headlines, lots of whitespace.

→ Claude creates the project folder and writes the HTML, CSS, and any assets it needs.

2

Prompt to Claude

Ask it to track the project with git

Once you're happy with the result, record your work. Git lets you save snapshots and share them — Claude can set it up in one line.

Say this to Claude
Initialise this folder as a git repository and make the first commit with the message "Initial commit".

→ Claude runs git init, stages every file, and commits them as your starting point.

3

Your turn

Create an empty repository on GitHub

This is the one step Claude can't do for you — it can't click around in your browser or hold your GitHub login. Ninety seconds, then come back.

  1. Go to github.com/new in your browser.
  2. Give the repository a name — my-site is fine.
  3. Do not tick any of the Initialize this repository with… boxes. No README, no .gitignore, no license. Vercel and Claude need this to start completely empty.
  4. Click Create repository. Leave the page open — you'll need the URL GitHub shows you next.

→ You now have an empty GitHub repository with a URL like github.com/your-name/my-site.

4

Prompt to Claude

Send your code to GitHub

Copy the URL of the repository you just created. Paste it into the prompt below — Claude will wire your local project up to GitHub and push the code.

Say this to Claude
Push this project to https://github.com/YOUR-NAME/YOUR-REPO — set it as the origin remote, rename the branch to main, and push.

→ Refresh your GitHub tab. Your files are there, ready to deploy.

5

Your turn

Import the repository into Vercel

The final stretch. Vercel reads your GitHub repo, builds whatever it finds inside, and gives you a live URL — usually inside a minute.

  1. Visit vercel.com/new and sign in with GitHub if you haven't already.
  2. Find the repo you just created in the list and click Import.
  3. Leave every setting on its default. Vercel detects the project type automatically.
  4. Click the big black Deploy button.

→ After 30–60 seconds, Vercel hands you a live URL ending in .vercel.app. Open it. Send it to a friend.

And from now on, every change goes live automatically.

Ask Claude to make an edit, ask it to commit and push, and Vercel redeploys your site within the minute. The internet has gotten easier than people think.

Deploy your first project →