Skip to main content
Go from zero to a live, working app in five steps. This guide uses a web app as the example, but the same flow works for mobile apps too.

​
Before you start

You need a Rocket account. If you don’t have one yet, create one here. It takes 30 seconds.

​
How long does it take?

StepTime
Create an account30 seconds
Describe your app and generate it1-2 minutes
Preview and refine1-2 minutes
Connect integrations (optional)1-2 minutes
Deploy to the webUnder 1 minute
TotalUnder 5 minutes
1

Start a new project

Go to rocket.new and click New project. Choose:
  • Use case: Web App
  • Framework: Next.js (recommended) or React
  • Language: TypeScript
Or just skip the options and go straight to the chat. Rocket picks sensible defaults.
2

Describe your app

In the chat, describe what you want to build. Be specific about what the app should do, who it’s for, and what screens it needs.Example prompt:
Build a personal finance tracker where I can add income and expenses,
categorize transactions, and see a monthly summary with charts.
Use a clean, modern design with a dark mode toggle.
Rocket generates the complete app: all screens, components, navigation, and styling. This takes about 30-60 seconds.
3

Preview and refine

Your app appears in the preview panel. Click through the screens to check the layout and flows.Want to change something? Just tell Rocket in the chat:
Make the chart colors match the category colors.
Add a "This week" filter to the summary page.
Move the add transaction button to a floating action button in the bottom right.
You can also use Visual edit to click any element in the preview and change it directly.
4

Connect services (optional)

Need a database, payments, or AI features? Connect them from the chat:
Connect Supabase so transactions are saved to a real database
with user authentication.
Rocket prompts you for your API keys, then wires everything up automatically: auth flows, database tables, API calls, and error handling.
Browse all 27+ integrations to see what you can add.
5

Deploy

When your app is ready, click Publish in the top right. Rocket deploys your app and gives you a live URL you can share immediately.Want your own domain? Follow the custom domain guide to connect it.

​
What’s next?

You’ve built and shipped your first app. Here’s where to go from here:

Learn prompting

Master the S.I.M.P.L.E. framework to get better results from every prompt.

Add integrations

Connect Stripe, Supabase, OpenAI, and 24 other services to your app.

Explore the editor

Discover chat commands, visual editing, code view, and project settings.

Browse recipes

Follow step-by-step guides to build a SaaS, e-commerce store, or AI app.