Describe what you want to build and let Rocket generate a complete app from your idea.
In this guide, you’ll learn how to:
Start a project using a written idea.
Select use cases, frameworks, and screens.
Watch Rocket build your app.
Why start from an idea?The simplest way to build with Rocket. Type your app idea in plain English, and Rocket generates everything for you. Perfect when you know what you want to build but don’t have designs or images to guide the build.
Type your idea in the chat prompt. Be clear about the goal and key features.Example: Users share one thing they’re grateful for each day and link entries in a visual chain. Show a timeline view with color-coded links.
3
Select a use case
Choose the type of build. Options include Mobile App, Web App, Internal Tool, Website, Dashboard, and Landing Page.
4
Choose platform for Internal Tool
If you selected Internal Tool, pick Web or Mobile.
5
Select your framework
Rocket recommends a framework for your platform. You can accept the default or customize it.
Landing Page and Website use Next.js by default and skip framework selection entirely.
For Web App:Default stack:
React
JavaScript
Tailwind CSS
You can:
Click Use default framework to proceed.
Or choose Customize framework to adjust the stack.
For Web App - Custom options:
React
Next.js
For Mobile App:Rocket uses Flutter for all mobile apps.
6
Default language
Languages are tied to your framework choice. Rocket selects the right language automatically:
React projects: JavaScript (default and only option)
Next.js projects: TypeScript (default and only option)
7
Choose your screens
Review the suggested screens and deselect any you do not need.
8
Watch Rocket build
Rocket generates your app and shows progress for each screen.Status icons:
Completed - Screen generated successfully
In progress - Screen is being generated
Failed - Generation encountered an error
Retry a failed screen: Click Retry next to Failed.
If multiple screens keep failing, try simplifying your idea (fewer features or screens) and regenerate.
The Rocket app (iPhone or iPad) installed and signed in.
1
Open the Rocket app
Open the Rocket app on your iPhone or iPad and make sure you’re signed in.
2
Describe what you want to create
Type your idea in the chat field. Be clear about the goal and key features.Example: Users share one thing they’re grateful for each day and link entries in a visual chain. Show a timeline view with color-coded links.
3
Select a use case
Choose the type of build. Options include Mobile App, Web App, Internal Tool, Website, Dashboard, and Landing Page.
4
Choose platform for Internal Tool
If you selected Internal Tool, pick Web or Mobile.
5
Select your framework
Rocket recommends a framework for your platform. You can accept the default or customize it.
Landing Page and Website use Next.js by default and skip framework selection entirely.
For Web App:Default stack:
React
JavaScript
Tailwind CSS
You can:
Tap Use default framework to proceed.
Or choose Customize framework to adjust the stack.
For Web App - Custom options:
React
Next.js
For Mobile App:Rocket uses Flutter for all mobile apps.
6
Default language
Languages are tied to your framework choice. Rocket selects the right language automatically:
React projects: JavaScript (default and only option)
Next.js projects: TypeScript (default and only option)
7
Choose your screens
Review the suggested screens and deselect any you do not need.
8
Watch Rocket build
Rocket generates your app and shows progress for each screen.Status icons:
Completed - Screen generated successfully
In progress - Screen is being generated
Failed - Generation encountered an error
Retry a failed screen: Tap Retry next to Failed.
If multiple screens keep failing, try simplifying your idea (fewer features or screens) and regenerate.
You did it!
Your app is being generated. Once complete, you can preview, iterate, and publish your app.
