Guide›Getting started
Getting startedBeginner10 min

Your first app

From a plain-text prompt to a working, full-stack preview — without writing a line of code yourself. This guide walks you through every click.

Overview

Myndlab turns a description of what you want to build into a running application. Under the hood it generates a React frontend, connects it to a FastAPI backend, provisions a database, and deploys everything to a live preview URL — all in one build.

You describe the app. Myndlab writes the code, runs the tests, and surfaces a URL. You click around, give feedback, and iterate. No CLI, no config files, no deployment scripts.

Before you start

You need a Myndlab account. If you don't have one yet, sign up at myndlab.ai — it takes about 30 seconds and the free tier includes enough credits to complete this guide.

1
Sign in
Go to myndlab.ai and sign in with your email or Google account.
2
Open the Build screen
Click 'New project' from the dashboard. You'll land on the Build screen with the prompt input ready.
3
Check your credits
Your remaining build credits are shown in the top bar. You should have at least 20 credits before starting — builds range from 1 credit for small changes up to 30+ credits for large full-stack builds.

Write your first prompt

The prompt is the only thing Myndlab needs from you to start. The more specific you are, the closer the first build will be to what you want — but you can always refine it.

A good first prompt answers three questions:

1
What does it do?
Describe the core action users take. 'A task manager where users add, complete, and delete tasks.' is better than 'a to-do app.'
2
Who uses it?
One user type? A team? Internal staff? This shapes auth, permissions, and data models.
3
What stack do you prefer?
If you have a preference (Next.js, Supabase, Postgres) mention it. Otherwise Myndlab picks a sensible default.

Here is an example prompt you can paste directly:

prompt
Build a lightweight CRM for a 5-person sales team.

- Each salesperson can log calls and notes per contact
- Contacts have: name, company, phone, stage (lead / prospect / customer)
- A shared pipeline board (Kanban view) visible to everyone on the team
- Simple login with email + password, no SSO needed
- Stack: React + FastAPI + PostgreSQL
💡
Tip.You don't need to list every feature upfront. Myndlab will ask follow-up questions if the prompt is ambiguous, and you can add features in later iterations.

Run the build

Once you're happy with the prompt, press Build → (or hit ⌘ Enter). The build panel opens and shows you what Myndlab is doing in real time.

1
Spec phase (15–30 sec)
Myndlab reads your prompt and writes a technical specification: pages, data models, API routes, and auth strategy. You can see it in the build log.
2
Code generation (3–10 min)
The coding agent writes the frontend components, API endpoints, and database migrations. Time varies with complexity — a simple CRUD app is closer to 3 minutes, a full multi-role SaaS closer to 10. The log streams file names as they are created.
3
Deploy phase (30–60 sec)
Code is packaged and deployed to a shared preview environment. A live URL is shown in the top bar of the Build screen.
ℹ
Note.The first build is always a little slower because the database schema is being created from scratch. Subsequent builds that only change the UI are much faster.

Preview your app

When the build completes the preview iframe on the right side of the Build screen updates automatically. You can also open the URL in a new tab to test it at full size.

Things to check in your first preview:

1
Does the layout match your mental model?
Pages, navigation, and structure. If something is missing or wrong, note it for the next iteration.
2
Does the data flow work?
Try creating a record. Does it save? Does it show up in the list? Does deleting it work?
3
Does the auth work?
If you asked for login, try signing up and logging in with a test account.
💡
Tip.The preview environment is real — it has a live database and a running API. Data you create in the preview persists between sessions.

Iterate and refine

Click back into the chat input and describe what you want to change. You don't need to re-describe the whole app — just say what is different.

prompt
Add a search bar to the contacts list that filters by name or company in real time.

Also change the pipeline stages to: Lead / Qualified / Proposal / Closed Won / Closed Lost

Myndlab reads the existing code and applies the change as a diff. The build log will show only the files that changed.

💡
Tip.Short, focused change requests build faster and have fewer unexpected side effects. One feature at a time is usually the best pace for early iterations.

What's next?

You've built and iterated on your first app. From here you can:

  • Connect a GitHub repo to push the generated code to your own version history
  • Use voice brainstorming to plan the next feature verbally instead of typing it out
  • Deploy to your own infrastructure (AWS, Azure, GCP, VPS) when you're ready to go live
  • Add a custom domain via the Project Settings panel