Free Guide · Cowork for Beginners

How I Built a Live Website
Without Writing a Single Line of Code

A real-world walkthrough of using Claude Cowork to deploy an AI coaching page — tools, mistakes, fixes, and everything in between. Every error documented. Nothing skipped.

Word document · Free · No email required

7
Chapters
4
Mistakes documented
1 day
From idea to live

“I am not a developer. I had never written TypeScript.
I did not know what a git conflict was this morning.”

By the end of the session, I had shipped two new pages to a live website, fixed three build errors, and resolved a git conflict — all through conversation.

7 chapters. Nothing skipped.

01

What is Claude Cowork?

What the tool actually does — and how it differs from just chatting with an AI.

02

The journey: idea to live page

Every step from describing what I wanted to seeing it live at cliqai.ai.

03

The mistakes (all 4 of them)

Wrong property names, overwritten files, git conflicts — documented honestly with fixes.

04

How the workflow is set up now

The clean repeatable process I use every time I want to update my site.

05

How all the tools connect

Cowork, GitHub, Vercel, Terminal — what each one does in plain English.

06

What I actually learned

Not the technical things. The mindset things that matter more.

07

How to do this yourself

The starting point for any SMB owner who wants to try this workflow.

4 mistakes. All fixed in under 5 minutes.

Most AI guides skip the parts where things go wrong. This one doesn't.

🔤

Wrong property name

What happened: Used isInView — the hook returned inView
The fix: One find-and-replace in the file

TypeScript errors tell you exactly what's wrong and on which line

📄

Overwrote Navbar.tsx

What happened: Pasted the wrong file content into the wrong GitHub editor
The fix: GitHub History → last good commit → Browse files → copy → paste back

You cannot permanently break something on GitHub. Every change is recorded.

✏️

Unescaped apostrophe

What happened: React requires ' instead of ' in JSX text
The fix: Change What's to What's — one character

These are tiny rules developers know by memory. AI knows them too.

🔀

Git conflict on push

What happened: Local repo was behind GitHub — push rejected
The fix: git pull origin master --rebase then push

Git is protecting you from data loss. The fix is almost always pull first.

The only Terminal commands you need to know

Copy these. Use them every time Cowork writes files you want to go live.

Terminal
$git add .
$git commit -m "describe your change"
$git push
Vercel deploys automatically within ~60 seconds of the push.

Download the full guide.
All 7 chapters, free.

Includes the full workflow, every mistake documented, the tool comparison table, and your step-by-step starting point.

This guide was built using Claude Cowork — the same tool it describes.