Start here
Everything you need before your first step, in about 5 minutes. No experience needed.
How WoemaAI works, in 4 steps
Describe your idea
Answer a few questions: what you're building, who it's for and what visitors should be able to do. It takes about two minutes.
Get your Build Map
WoemaAI turns your answers into your own route from idea to live, with only the steps your project needs.
Follow one step at a time
Each step tells you why it matters, what to do, and gives you the exact prompt for your AI, already filled in with your project.
Tick it off
When a step works, click Done and the next one appears. Your progress is saved, so you can stop and pick up any time.
How to use a step
Every step works the same way. Here's what you'll see:
Copy the prompt
Click Copy prompt. The highlighted words are your project's details, already filled in.
Paste it into your AI
Paste it into Claude Code or ChatGPT, whichever you chose. Fill in anything in [square brackets] first.
Check "Did it work?"
Each step lists what you should now see. Tick each item off. If something's missing, click Stuck?
Click Done
Your Build Map moves you on to the next step. You can always come back to a step later.
What you'll need and what it costs
Prices change often, so we link to each tool's own pricing page. Your Build Map also tells you the cost before any step that needs money.
You'll pay for
Expect two costs: an AI plan each month while you build, and your domain once a year.
Claude Pro (for Claude Code)
The AI that writes and edits your project's files for you. Claude Code needs a paid plan.
Free plan enough? No: the free plan doesn't include Claude Code.
See current prices for Claude Pro (for Claude Code) (opens in a new tab)or ChatGPT Plus
If you'd rather build with ChatGPT. It writes the code; you paste it into files yourself.
Free plan enough? The free plan works for small things, but a paid plan handles longer projects much better.
See current prices for ChatGPT Plus (opens in a new tab)A domain
Your own web address, like yourname.com or yourname.co.za. Bought from a registrar, renewed every year.
Free plan enough? No, but it's usually the cheapest part. Skip the extras registrars try to add at checkout.
Free plans are enough at the start
These all have free plans that are fine while you build. Upgrade only when your project needs it.
GitHub
Stores every version of your project online.
Free plan enough? Yes, including private repositories.
See current prices for GitHub (opens in a new tab)Netlify
Hosting: puts your site on the internet.
Free plan enough? Yes, and the free plan allows business sites.
See current prices for Netlify (opens in a new tab)Vercel
Hosting, best for Next.js web apps.
Free plan enough? The free Hobby plan is for personal, non-commercial projects only. If your project earns money, use Vercel Pro or Netlify.
See current prices for Vercel (opens in a new tab)Supabase
Your database and logins, if your project needs them.
Free plan enough? Yes while you build. Free projects pause when they're not used for a while, so upgrade before real customers rely on it.
See current prices for Supabase (opens in a new tab)
Get back on track
Getting stuck is part of building with AI, and almost always fixable. Pick what's happening and copy the prompt that gets you moving again. Every step in your Build Map has this kit behind its Stuck? button too, with the step already filled in.
A beginner's dictionary
The words you'll meet in your first week, in plain English.
- API key
- A secret password that lets your project use another service, like payments. Never paste it into your code or a chat.
- Claude Code
- Anthropic's AI that works inside your project folder: it reads, writes and edits your files, and asks before it does.
- Code editor
- A program for opening and editing your project's files. We use VS Code, which is free.
- Commit
- One save point in Git, with a short message saying what changed. Like a save in a game.
- Database
- Where your project stores information that changes, like users, bookings or orders. We use Supabase.
- Deploy
- Publishing your project so anyone can visit it. Your host does this for you each time you push.
- DNS
- The internet's address book. DNS settings point your domain at your host.
- Domain
- Your web address, like thandishair.co.za. You rent it yearly from a registrar.
- Environment variable
- A setting kept outside your code, often a secret like an API key. Locally they live in a file called .env.local.
- Error message
- Text that says something went wrong. Copy all of it and give it to your AI: it's the fastest way to a fix.
- Folder
- Your project folder holds every file of your project. Your AI works inside it.
- Git
- The tool that saves versions of your project, so you can always go back to one that worked.
- GitHub
- A website that stores your Git saves online, as a backup and so your host can publish your project.
- Hosting
- A company's computers that keep your site online all day, every day. Netlify and Vercel are hosts.
- Localhost
- Your own computer acting as a website, so you can try your project before it goes live. Usually http://localhost:3000.
- Login
- How people prove who they are (usually email and password) so they only see their own things.
- Prompt
- The message you give an AI. WoemaAI writes them for you, filled in with your project.
- Push
- Sending your commits from your computer up to GitHub.
- Repository
- Your project's home on GitHub, often called a repo. It keeps every saved version of your files.
- Terminal
- A window where you type commands instead of clicking. You'll mostly paste commands your AI gives you.
Ready for your first step?
Describe your idea and get your Build Map. It takes about two minutes.
Describe my idea