
See the finished website before we build it, learn what you'll walk away with, and find out whether this course is made for you.
A quick word about who's teaching you. I spent close to a decade as a product manager, and two of those years as a website product owner, in charge of more than 180 websites for international brands, reaching 2.5 million unique users a year. I never wrote the code myself. My job was knowing what a website actually needs in order to work: what belongs on it, what to measure, and what turns a visitor into a client. That's exactly the perspective this course is built on.
Learn what a website really is, and how files, servers, domain names and DNS all play a part in getting a page onto your browser.
Learn the difference between the front end and the back end, what each one does, and why a website needs both to work properly.
Learn what vibe coding is, why it works as a loop rather than one big prompt, and how to describe a change so you get what you actually wanted.
Learn the three families of AI website tools, what each one is good at, and why this course builds with Claude Code rather than a no-code platform.
Learn the three families of AI website tools, what each one is good at, and why this course builds with Claude Code rather than a no-code platform.
Discover the four tools used in this course, what job each one does, and the one plan you'll need before we start building.
Understand the steps that we will follow during this course to launch your website
Set up Claude Code on your own computer, create your project folder and its memory file, and get your first page on screen in minutes.
Learn what an MVP is, and define the scope of your own first version: who it's for, the one action you want, and what you're deliberately leaving out.
Learn the eight sections of a landing page that converts, the job each one does, why their order matters, and which four to build first.
Learn where to find a visual direction you actually like, and how to turn what you found into something AI can build from.
Turn your visual direction into a real mockup of your site, and see how much of the design work happens in the conversation rather than in the code.
Turn your mockup into a working website on your own computer, add animations and a proper mobile version, and understand why it's still only visible to you.
Learn how to refine your site one prompt at a time, what a normal back and forth looks like, and what to do when something comes back wrong.
Learn what Git is and how it saves every version of your work, install it on your computer, and find out which file must never leave your machine.
Learn the difference between Git and GitHub, create your account, and back your project up online in a private repository.
Learn the short routine you'll use for the rest of this course and every project after it: change something, check the result, save it.
Learn what a hosting platform actually does, why GitHub is not one, and why your website needs both to be reachable by anyone.
Put your website online with Vercel and get a link you can send to anyone.
Learn how to choose and buy a domain name on Cloudflare, connect it to your site with DNS records, and check that the new address works.
Learn what a back end feature is, why a contact form needs one, and what we're going to build together in this section.
Create your database and the table that stores your messages, learn how check the lead information and and understand the difference between a publishable key and a secret key.
Learn what connecting a front end to a database unlocks, and the kinds of projects now within reach with exactly the skills you have.
Learn what SEO and GEO are, run a full audit of your site with AI, and fix what it finds: sitemap, robots.txt, meta descriptions, headings and llms.txt.
Learn why knowing your visitors matters, what analytics can tell you about your site, and why we'll be using Google Analytics.
Connect Google Analytics to your website, check that the data is really coming through, and learn the handful of reports actually worth your time.
Your website is still not online, and it is not because you cannot code
You need a website. You have needed one for months. Hiring someone costs more than you want to spend, learning to code means hundreds of hours of tutorials, and the no code platforms all end the same way: a monthly subscription, a site you do not own, and code you cannot take with you. So the website stays where it has been sitting, on your list of things to do. And it is not just an unfinished task. It is clients who never find you, and a business that keeps waiting to start.
What changed, and why now
AI coding agents changed what a non technical person can build. With Claude Code, Codex or any other AI coding agent, you describe what you want in plain words, and it writes the real code of your website, in real files, on your own computer. Not a template that boxes you in. Not a platform you rent. This is called vibe coding, and it is the single biggest shift in who gets to build software. The lessons are filmed with Claude Code because I had to pick one, and everything you learn transfers directly to whichever agent you prefer.
Why the vibe coding courses you have already found did not help
They fall into two camps, and neither one is written for you.
The first builds on no code platforms. You prompt, something appears in minutes, and it feels like magic right up until you want to leave. Your site lives inside their system, downloading your own code and connecting your own domain are usually paid features, and the day you stop paying, the site stops existing. You rented a website, you never owned one.
The second is made by developers, for developers who want to go faster. They show you the code and skip everything else: how to put your site on a hosting platform so other people can actually reach it, how to install Git so you can go back to yesterday's version when you break something, what a repository is, why your site works on your computer and nowhere else. Those gaps are exactly where beginners give up, and every one of them is covered here, in full, from zero.
This course is for the people in between. You have never written code, you do not intend to, and you still want to own what you build.
What you are going to build
A complete, professional website, live on the internet, at your own domain name. A landing page designed to convert visitors into clients, a working contact form that stores every message in a real database, proper SEO so people find you on Google and in AI answers, and Google Analytics so you know who is visiting. Front end and back end, built and deployed by you, in a couple of hours.
What you will learn, step by step
The foundations. How a website actually works: files, servers, domain names, DNS, and the difference between the front end and the back end. What vibe coding is, and the loop that makes it work. Which AI tool to use and why this course uses Claude Code rather than a no code builder.
Planning before building. How to define the scope of a first version so it goes live in days rather than months. The eight sections of a landing page that converts, in the order a visitor meets them, and why value has to come before price. How to find a visual direction and turn it into a real mockup with Claude.
Building the front end. Turning a mockup into a working website on your own computer, adding the animations and mobile behaviour that separate a template from something made for you, and refining it prompt by prompt. You will see the real back and forth, including the things that come back wrong the first time.
Going live properly. Git and GitHub to keep every version of your work safe and private, and to learn which files must never leave your computer. Vercel to host your site for free with automatic deployment. Cloudflare to buy your own domain name and connect it with DNS records.
A real back end. Most beginner courses stop at the front end. This one does not. You will build a contact form connected to a Supabase database, and secure it properly with row level security so that visitors can send you a message but nobody can download the email addresses you collect. This is the same architecture every web application is built on, which means once you have done it here, you can build almost anything next.
Getting found and measuring it. A full SEO audit run with Claude Code, Codex or whichever agent you use, then the fixes: sitemap, robots.txt, meta descriptions, heading structure, social previews. GEO as well, meaning being found by AI assistants and not only by Google, with an llms.txt file and content written the way AI search engines quote. Then Google Analytics, connected and explained, with a short monthly routine rather than a dashboard you never open.
Why this course is different
You own what you build. Real code, in real files, on your computer and in your own GitHub repository. If you stop paying for anything, your site does not disappear.
It goes further than the front end. Building a database backed feature is what turns a website into a foundation you can grow, and it is the part almost every beginner course skips.
It is taught by a product owner, not a developer. I spent close to a decade as a product manager, and two of those years running more than 180 websites for international brands reaching 2.5 million unique users a year. I never wrote the code. My job was knowing what a website needs in order to work: what belongs on it, what to measure, and what turns a visitor into a client. That is the perspective this course is built on.
And the method outlives the tool. AI moves fast, and whichever coding agent you use in a year, the way you work with it will be the same one you learn here.
By the end of this course you will be able to
Build and publish a complete website with AI, from a blank folder to a live domain
Direct a coding agent with confidence, and check honestly what it gives back
Structure a landing page that turns visitors into enquiries
Connect a front end to a database and secure it correctly
Optimise a site for Google and for AI search, and measure what it does
Do all of it again, on your next project, on your own
You also get downloadable worksheets, checklists and prompt packs at every stage, so you never start from a blank page.