Vibe Coding with Claude Code
Reads your codebase
It sees every file, understands the structure, and knows what already exists before writing anything new.
Writes code
Creates files, edits existing ones, builds components — from a single function to an entire page.
Runs commands
Installs dependencies, starts dev servers, runs builds, deploys — anything you'd type in a terminal.
Think of it like pair programming with a very fast junior developer. You guide, it executes.
Be specific, not vague
"Make it look nice"
"Add a hero section with a dark gradient background, white heading text, and a blue CTA button"
Start small, iterate fast
Don't try to build everything in one prompt. Start with structure, then add styling, then polish. Small steps = better results.
Read what it writes
Don't just accept blindly. Scan the changes. You'll catch mistakes early and learn how the code works as you go.
Reset when it gets confused
If Claude starts going in circles or the output gets weird, start a fresh conversation. A clean context window fixes most problems.
Commit often
Every time something works, commit it. Git commits are your save points. If things break, you can always go back.
Your computer
You write code (or Claude does). Files live in a folder on your machine. You preview at localhost:4321.
GitHub
Your code gets stored in a repository — a shared folder in the cloud. Every change is tracked. You can always go back.
Cloudflare Pages
Cloudflare sees the new code, builds your site, and puts it on servers worldwide. Anyone with the URL can see it.
yourname.pages.dev Live You only touch step 1. Push your code and the rest happens automatically. That's the magic of continuous deployment — every push becomes a live update.