A step-by-step guide · No terminal experience needed
Push your code
to GitHub and
deploy your site
01
Create the repositoryAn empty, private home for your project on GitHub. Every choice on the form, and the three boxes to leave alone.
Steps 1–3
On GitHub 02 Connect Claude CodeOne prompt. Claude installs what it needs and walks you through the single part it is not allowed to do for you. Step 4
In Claude Code 03 Push your codeYour project goes up to GitHub without you typing a single Git command — and your API key stays behind. Steps 5–6
In Claude Code 04 Deploy to VercelA real web address anyone can open, the key handed to the host instead of your code, and rebuilds on every push. Steps 7–13
On Vercel
On GitHub 02 Connect Claude CodeOne prompt. Claude installs what it needs and walks you through the single part it is not allowed to do for you. Step 4
In Claude Code 03 Push your codeYour project goes up to GitHub without you typing a single Git command — and your API key stays behind. Steps 5–6
In Claude Code 04 Deploy to VercelA real web address anyone can open, the key handed to the host instead of your code, and rebuilds on every push. Steps 7–13
On Vercel
Before you begin
Three things to check
before we start
Thirty seconds now saves ten minutes later. Tick what is true — the page remembers. If you are still stuck here when the room moves on, raise your hand rather than starting over.
Tick all three to continue
It describes you, not the sample student. Anything in there is what the chat will say about you once the site is public.
Open github.com — you should see your avatar in the top-right, not a Sign up button. If you have no account, make one now.
Not a different project, and not a fresh empty window. Parts two and three happen inside it.