Start here

The path from zero to a shipped app

Nine steps, in order. Read the guide, do the thing, tick it off. You do not need to know how to code to begin, and everything here is free.

0 of 9 done

Learn

Understand the idea, pick your tools, and learn how to brief an AI so it builds what you meant.

  1. 01Understand what vibe coding is

    Where the term came from, what it is good for, and where it falls over.

    What is vibe coding?

  2. 02Choose your tools

    One editor or app builder, one database, one host. Pick a stack and stop shopping.

    The vibe coding stackTools directory

  3. 03Learn to brief an AI

    Prompts that hold up on real code, and a context file that keeps the AI from undoing your work.

    Prompts that workThe CONTEXT.md guide

  4. 04Know what the pieces do

    Plain-language explainers for the services your app will depend on.

    What it actually does

Practice

Build one small real app end to end: logins, data, payments, and a live URL.

  1. 05Pick a first project

    Small enough to finish in a week, real enough that someone would use it.

    Project ideas

  2. 06Add logins and keep data safe

    Choose an auth provider and lock your database down before anyone else finds it open.

    Auth guideSupabase row-level security

  3. 07Take a payment

    Checkout, webhooks, and the mistakes that lose you money.

    Stripe integration guide

  4. 08Put it online

    From localhost to a live URL, then a last check before you tell anyone.

    Deployment playbookPre-launch checklistCommon mistakes

Graduate

Ship it in public and add it to the showcase. That is the whole test.

  1. 09Show what you shipped

    Add your live project to the showcase. You have graduated.

    Submit to the showcase

Progress is saved in this browser only.