Skip to main content
The best way to learn Fabricate is to watch one app come together end to end. In this guide you’ll build a team task tracker — a small, realistic app — from the first prompt all the way to a live URL.
Follow along by typing the prompts into your own Fabricate project, or just read through to see how the workflow flows. The same pattern works for any app you have in mind.

​
1. Write the first prompt

Start on the home screen and describe the whole app in plain English. Cover the core feature, who uses it, and anything that matters to you up front — like authentication.
1

Describe what you want

2

Send it

Fabricate reads your prompt and starts building.
Mention authentication, the main data model, and the primary view in your first prompt. These are expensive to bolt on later, so it pays to be clear early.

​
2. Answer any questions

Fabricate plans and writes your app in one pass — there’s no separate blueprint to review. If your description leaves something important open, it may ask a few questions before it builds your first version; answer them, or skip and Fabricate chooses sensible defaults. For the task tracker, expect something like:
  • Auth — sign up, log in, and per-user data isolation
  • Database — a tasks table linked to users
  • Board page — tasks grouped into To Do / In Progress / Done columns
  • Task editor — create and edit tasks in a dialog
If something’s missing or wrong once it’s built, say so in a follow-up message.

​
3. Watch the first build

Fabricate writes the app, deploys it to the live preview, and checks it for errors. On a first build, the app appears in the preview when the build finishes:
1

Data and sign-in

The code that creates your tasks table, plus Fabricate’s built-in email-and-password accounts.
2

API

The API routes that create, read, and update tasks for the signed-in user.
3

UI

The board, columns, and task editor, styled with your app’s CSS.
4

Preview ready

Sign up inside the preview and create a task.

​
4. Iterate with follow-up messages

Your first build is a starting point, not the finish line. Refine it one focused change at a time:
One change per message gives you cleaner results and easier troubleshooting. If a change looks wrong, you can go back to an earlier version with version history and try again.

​
5. Polish and deploy

When the app does what you need, do a final pass:
  • Click through every flow in the preview — sign up, create, edit, filter.
  • Use the device-size toggle to check mobile layout.
  • Fix anything off with one more prompt, e.g. "The due date isn't showing on task cards — display it under the title."
Then ship it:
1

Click Publish

Click Publish in the editor’s toolbar, add a title, and confirm.
2

Get your URL

Your app goes live on Cloudflare’s global network at its own fabricate.chat address.

​
Keep going

Prompting Best Practices

Write prompts that get the result you want the first time.

Working with Images

Use screenshots and mockups to guide the build.

Design Fixes

Sharpen the look and feel of your app.

Troubleshooting

Resolve common issues as you build.