AI · Library course

Build Your First Live Web App With Vibecoding

Build a small web app by describing it to Claude Code, then put it online at a public link, without writing code or opening a terminal.

  • Beginner
  • 17 lessons
  • 37 min to complete
Launch it in your academyBook a call

7-day preview, no card needed. The course is in the library the day your academy goes live.

AI

What it covers

What your people will learn.

  • AI

You finish with a working web app at a public link, built by describing each change to an AI and checking what it wrote.

Most people who try to build software stall before the first feature. The setup is scattered across several websites, one careless request breaks the version that worked, and there is no obvious way back. So the idea stays an idea.

This course takes you through it in order. You set up the Claude desktop app and two free developer tools, build a tip and bill splitter one change at a time, keep a saved version after each change, and put the app on the internet with GitHub and Vercel. Along the way you learn where vibecoding stops: logins, payments and other people's data need code someone can explain line by line.

You walk away with a live app, a short project note that keeps Claude on track, and a loop you can run on the next idea: one change, read it, test it, save it.

Who it's for

Non-technical founders: want a prototype or small internal tool without hiring a developer first.

Curious beginners: have an app idea and want to ship something real instead of watching another tutorial.

Operators and marketers: want small tools for their team without waiting in an engineering queue.

The lessons

17 lessons, in order.

About 37 min to complete. Add the course and every lesson is yours to publish as it is, or to edit.

  1. Why You Want to Vibe Code1 min
  2. Install Everything Once2 min
  3. Your First Conversation2 min
  4. The Diff That Touched Four Files4 min
  5. Set Up Your Bill-Splitter Folder2 min
  6. Scaffold and Run Your First App2 min
  7. Iterate Without Breaking Things2 min
  8. Keep a Save Point2 min
  9. Five Features in One Prompt4 min
  10. Build and Test Your Bill Splitter2 min
  11. The Vibecoding Discipline2 min
  12. When Not to Vibecode2 min
  13. Explain the Line to a Colleague3 min
  14. Ship It to Vercel2 min
  15. The Grown-Up Name for It2 min
  16. Ship Your Own Small App2 min
  17. Review Your Live Bill Splitter1 min

In your academy

A starting point, not a rental.

A library course works like any course you publish. Add it, make it yours, and your people see it as one of your own.

  1. 1

    One click

    Add it to your academy

    Find the course in the library, press Add, and it's in your catalog. Publish it as it is, or shape it first.

  2. 2

    Your brand

    Rebrand it, edit it

    It sits on your domain, in your colours. Change any word yourself, or ask the assistant for your wording, your examples and your policies.

  3. 3

    Practice

    Practice and the tutor come with it

    Type / in any lesson to add practice, from explain it back to drills and scenarios. Your people can ask the AI tutor about any lesson.

On the same shelf

More from AI.

Other AI courses your academy opens with. The library holds 150+ across eight tracks.

Explore the library

Questions

Questions about library courses.

The short ones are here. For anything else, ask below.

  • Yes. Over 150 finished business courses are in the library the day your academy goes live, and adding one to your catalog is a single click. Once you publish it, it counts toward your plan's courses like any course you publish.

Start with one topic.

Give us your website and we’ll start from what you already teach, in your colours. Your first course is on us.

7-day preview, no card needed. Or have us build it.