Skip to main content
This walkthrough takes you from a blank canvas to a live app. You will create a Build task, describe what you want, watch Rocket generate it, preview the result, make changes, and launch.
You need a Rocket account to follow along. If you have not signed up yet, create an account first.

​
Build and launch your first app

1

Create a Build task

Go to rocket.new and sign in. From the home screen or any project, click New task and select Build.You can also type your idea directly into the chat field on the home screen and Rocket will create a Build task for you automatically.
2

Describe your idea

Type what you want to build in plain language. Be specific about the app type, key features, and any design preferences.Here is an example prompt to try:
Build a task management web app with a dashboard showing tasks in a kanban board. Include columns for To Do, In Progress, and Done. Users can create tasks with a title, description, and priority level. Add a sidebar with project navigation and a dark mode toggle.
Press Enter or click Send to submit.
3

Answer any clarifying questions

If your prompt is clear and detailed, Rocket skips this step and begins building immediately.If anything is ambiguous, Rocket asks a short set of follow-up questions first. Answer them and generation starts right away.
4

Watch code generation

Rocket builds your app in real time. You will see inline progress as each file is created and finalized.Most apps generate in one to three minutes depending on complexity.
5

Preview your app

Once generation completes, your app appears in the live preview panel. Interact with it just like a real user - click buttons, navigate between pages, fill out forms, and test the full experience.For mobile apps, the preview renders inside a device simulator so you can see how it looks on a phone screen.
6

Make changes

Use any of these methods to iterate:
  • Chat - Type natural language instructions like “Change the header background to dark blue” or “Add a settings page with profile editing.”
  • Visual edit - Click Edit in the preview toolbar, then click any element to change its text, style, spacing, or image directly. See Visual edit.
  • Code - Open the code editor to modify source files directly. See Code.
Rocket tasks have no change limit. Keep iterating until you are happy with the result.
7

Launch

When your app is ready, click Launch in the top-right corner. Your app goes live instantly with a shareable URL. You can also:

​
Tips for a great first prompt

Start with what you are building: “Build a web app for…” or “Create a mobile app that…” This helps Rocket select the right patterns immediately.
Pick the most important features and list them clearly. You can always add more through chat after the initial build.Good: “Include user authentication, a dashboard with charts, and a settings page.”Too vague: “Make it full-featured with everything a user would need.”
If you have a visual direction in mind, say so. “Modern and minimal with a dark theme” or “Colorful and playful, inspired by Notion” gives Rocket much better starting context than leaving design open-ended.
“A CRM for freelance photographers” produces a more tailored result than “a CRM app.” Context about who will use the app shapes feature decisions, copy, and design.
Begin with fewer screens and core features. Generate the foundation, then add complexity through chat. Asking for 20 screens in your first prompt often produces messier output than building 5 screens and expanding from there.

​
Example prompts to try

What you are buildingPrompt
SaaS dashboardBuild a project management web app with team workspaces, a kanban board, and user roles. Include a Pro plan upgrade page.
Mobile fitness appCreate a workout tracker mobile app with exercise logging, progress charts, and a calendar view. Support both iOS and Android.
Landing pageBuild a landing page for an AI writing tool with a hero section, feature highlights, pricing table, testimonials, and a signup form.
E-commerce storeCreate an online store for handmade jewelry with product pages, category filters, a shopping cart, and checkout flow.
Portfolio siteBuild a portfolio website for a UX designer with a project gallery, about page, resume section, and contact form. Minimal and modern.

​
What’s next?

Visual edit

Click any element to change it directly - text, colors, layout, spacing.

Connectors

Add payments, databases, AI models, email, and more.

Best practices

Prompt patterns, iteration strategies, and tips for complex apps.

Launch your app

Publish your app with one click and connect a custom domain.