Apps: Building your app

Getting to know the app editor

A tour of the editor: the chat, Preview, Code, Data, Users and Domains tabs, and the actions in the header.

Open any project from Projects to enter the editor.

Chat (left)

Your messages and Draftship's work, step by step: thinking time and tokens, files written, build checks, repairs and the final result. Click a file name to open it in the Code tab (paid plans). Type a change at the bottom and press Enter.

Tabs (right)

Tab	What it shows
Preview	Your private draft, with desktop and mobile widths. Comment and edit right on it.
Code	Every file in a code editor with syntax highlighting. Streams live while the AI writes. Paid plans.
Data	Your app's database tables and records. See Managing your app data.
Users	People who signed up to your app, with their roles.
Domains	Your app's address and custom domain settings.

Header

Status — Queued, Generating, Building, Fixing, Live or Failed.
Public / Private — whether the app is listed in Explore. Private projects need a paid plan.
GitHub and Deploy — push the code to GitHub or deploy it to Vercel. See GitHub and Vercel.
Open — the live app in a new tab. Delete removes the project and its files.

You can leave the editor at any time — jobs keep running in the background.