Free course · 12 lessons · about 6 hours

Build your first web app with Claude Code. From an empty laptop to a live URL.

No coding background. No prior setup. You install the tools, learn how to work with Claude Code without losing your work, build a real app with a real database, and put it on the internet. Every step tells you what to type, what you should see, and what to do when you don't see it.

Free, no sign-up. If you get stuck, there is a person to ask.

What you get

  • A working client tracker you built, running on your laptop and on the internet
  • Claude Code installed and set up the way a CTO would set it up
  • A database you can see into, back up, and reset
  • The habit that makes an AI deletion a thirty-second fix: a commit after every step
  • A pre-flight checklist before anything goes live

Works on Mac and Windows. Needs a Claude Pro or Max plan for Claude Code; Max 5x or higher once you are writing a lot of code. Everything else is free.

What you will build

A client tracker. Small enough to finish, real enough to matter.

A list of clients with a name, company, status and notes. Add one, edit one, delete one. Every change is saved in a real database and survives a restart. It is the shape of most business apps, and the shape of most first products.

Claude Code

The AI that writes the code. You talk to it in plain English.

Next.js

The framework the app is built in. It draws the screens and handles the clicks.

Postgres

The database. Where your app remembers things between visits.

Docker Compose

Runs that database on your laptop with one command, and throws it away just as easily.

Prisma

The translator between your app and the database.

Vercel

Where the app lives once it is on the internet.

Who this is for

People who will own the thing they build.

  • Founders and operators who want to build the first version themselves instead of paying for a guess.
  • People who hit the ceiling in Lovable or Bolt and want a tool that can build professional-grade software.
  • Anyone who has never opened a terminal. Lesson 1 assumes nothing.

You do not need to understand the code. You need to understand what you asked for, check that you got it, and be able to undo it when you didn't. That is what this course teaches, alongside the app.

Part 1 · Get set up

Install the tools and meet Claude Code.

01 Lesson 1 · 10 min

Before you start: what you are building and what the words mean

What the app is, what each tool does in plain English, what you need on your laptop, and the three habits that keep a non-developer out of trouble.

You end with: A clear picture of the finished app, the tools, and the rules you will follow for the rest of the course.

03 Lesson 3 · 20 min

Install Claude Code and take your first look around

Install Claude Code on Mac or Windows, log in with your Claude subscription, and learn the five things on screen that matter.

You end with: Claude Code installed, logged in, and a first conversation behind you.

Part 2 · Learn to drive

How to talk to Claude Code, and how to undo what it does.

04 Lesson 4 · 30 min

How to talk to Claude Code so you get what you meant

Build a throwaway web page to learn the six rules of prompting: be specific, plan first, one thing at a time, read the plan, say no, and ask why.

You end with: A one-page site you built by prompting, and a working feel for how to ask, check, and correct.

05 Lesson 5 · 30 min

Git is your undo button. Learn it before the AI deletes something.

Turn the scratch project into a Git repository, take snapshots, break something on purpose, and go back. Then back it all up to GitHub.

You end with: A repository with a history you can roll back, a GitHub backup, and the commit-after-every-step habit.

Part 3 · Build the app

Next.js, a Postgres database in Docker, and Prisma to connect them.

06 Lesson 6 · 25 min

Create the Next.js app and see it running on your laptop

Generate the project with one command, run it, open it in your browser, learn the two-terminal setup, and make your first change with Claude Code.

You end with: A Next.js app called client-tracker running on localhost:3000, in Git, with Claude Code set up inside it.

07 Lesson 7 · 35 min

Build the first screen with fake data

Prompt Claude Code to build the client list, the add form, edit and delete, and status pills, all working in memory before any database exists.

You end with: A client tracker screen that works end to end on fake data, committed, with the shape of the real thing locked in.

08 Lesson 8 · 30 min

Run a Postgres database with Docker Compose

Write one small file, run one command, and have a real Postgres database running on your laptop. Learn where the password lives and why it never goes in Git.

You end with: A Postgres database running in Docker, a DATABASE_URL in a .env file that Git ignores, and proof the app can reach it.

09 Lesson 9 · 30 min

Add Prisma and create the clients table

Describe what a client is once, let Prisma turn it into a real table in your Postgres database, and look at your data in Prisma Studio.

You end with: A Client model, a migration that created the table, and Prisma Studio open on a database you can see into.

10 Lesson 10 · 40 min

Connect the app to the database

Swap the in-memory fake data for real reads and writes through Prisma, then prove it: add a client, see it in Prisma Studio, restart, and it is still there.

You end with: A client tracker that saves every add, edit and delete to Postgres, tested three ways, committed.

Part 4 · Ship it

Check it, then put it on the internet.

11 Lesson 11 · 30 min

Check it before you ship it

The pre-flight checklist a CTO runs before an app goes live: secrets out of Git, a security read-through, real tests, a production build, a README.

You end with: A project that builds for production, has tests for the risky paths, has no secrets in its history, and a README a stranger could follow.

12 Lesson 12 · 40 min

Deploy it to the internet with Vercel and a hosted Postgres

Connect GitHub to Vercel, add a hosted Postgres database, run the migration in the cloud, and open your app on your phone. Then what to build next.

You end with: Your client tracker live on a real URL, with a production database, deploying automatically on every push.

Why it is free

Anyone can write code. A CTO shows you what you are missing.

This course gets you to a live app. What it cannot do is sit next to you while you write the next one and point at the blind spots the AI never mentions. That is what Red Corner is: a sitting CTO in your corner, in chat, in group sessions, and on a call every month.

If you get stuck anywhere in these lessons, you do not have to wait. Oshri reads every call request personally and replies with a couple of time slots. A CTO can help you starting today.

Request a call with your CTO

Every member starts with a call. No card.