Why understand setup options?If you’re unsure what to pick, Rocket’s defaults work perfectly for most projects. You can skip this guide and start building right away.Continue reading if you’re curious about what React vs Next.js means, want to know when to choose Next.js over React, or need to make specific technical choices for your project.
Quick selection guide
Don’t know what to choose? Just use the defaults! For most people, the easiest approach is:- Pick your use case (Mobile App, Web App, Website, etc.)
- Accept all the default options Rocket suggests
- Review and select only the screens you need
- You’re building a content-focused site → Choose Next.js for better SEO
- You want to add or remove specific screens → Customize screen selection
Landing Page and Website use Next.js by default and do not offer framework customization options.
Remember: You can always change things later. Rocket makes it easy to modify your app after it’s created.
Use cases
When starting a project, Rocket asks you to select a use case. This is simply choosing what type of app you want to build. Rocket automatically sets up the right tools for you based on your choice.| Use Case | Best For | What Rocket Sets Up |
|---|---|---|
| Mobile App | Native iOS/Android apps, device features, app store distribution | Mobile app tools (Flutter) |
| Web App | Interactive web apps, SaaS products, dynamic functionality | Web app tools (React + JavaScript) |
| Internal Tool | Team tools, admin panels, management interfaces | Web app tools (React + JavaScript) |
| Dashboard | Analytics, data visualization, metrics displays | Web app tools (React + JavaScript) |
| Website | Content sites, SEO-friendly pages, portfolios | Next.js (no framework selection) |
| Landing Page | Marketing pages, product pages, conversion-focused pages | Next.js (no framework selection) |
Frameworks
A framework is the programming framework Rocket uses to structure and build your app. Rocket automatically picks the best one for your use case, but you can change it if needed.Remember: You can always modify your app’s framework and structure later through chat or code view. Rocket makes it easy to change things after your app is created.
Web framework options
React
Default for: Web App, Internal Tool, Dashboard
Best for: Interactive apps where users click, type, and interact with your app
Best for: Interactive apps where users click, type, and interact with your app
Next.js
Default for: Website, Landing page
Best for: Content-focused sites that need to appear in search results
Mobile frameworks
Rocket uses Flutter for all mobile apps. Flutter lets you build one app that works on both iPhone and Android, with smooth performance and native features.Internal Tool platform
If you select Internal Tool as your use case, choose a platform:- Web: Browser-accessible tools
- Mobile: Mobile-accessible tools
Languages
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)
Styling
Rocket automatically styles your app using Tailwind CSS. Included automatically in:- All React and Next.js projects
Screen selection and build process
After you choose your options, Rocket suggests which screens (pages) to include in your app based on what you’re building. What to do:- Review the suggested screens and uncheck any you don’t need
- Keep only essential screens for your first version to build faster
- Focus on main features first (home page, product page, etc.)
- Remove login/signup screens if you don’t need them right away
- Add more screens later by asking Rocket in chat
- Completed: Screen generated successfully
- In progress: Screen is being generated
- Failed: Generation encountered an error
Retry a failed screen: Click or tap Retry next to Failed. If multiple screens keep failing, try simplifying your idea (fewer features or screens) and regenerate.
Five ways to start a project
Rocket offers five ways to start building your app. Each method gets you to the same setup options above. Choose the one that fits your workflow:From an idea
Describe what you want to build and let Rocket generate a complete app from your idea.
From Figma
Convert your Figma designs into production-ready code (web browser only).
Using templates
Jump-start your project with ready-to-go app templates from the community.
From an image
Upload a UI mockup, wireframe, or screenshot to guide Rocket in building your app.
From a remix link
Clone someone’s shared project and customize it with your own credentials.
You did it!
You understand the project setup options. Now choose the right combination for your needs and start building.