Skip to main content

​
Setup your account

Welcome to CodeRocket! Let’s get you up and running with your first AI-generated web application.
Visit CodeRocket and sign up for a free account. You can use:
  • Email and password
  • Google authentication
  • GitHub authentication (recommended for GitHub integration)
CodeRocket offers different tiers:
  • Free: Limited generations per month
  • Pro: Unlimited generations + GitHub integration
  • Enterprise: Team features + priority support

​
Create your first project

1

Start a new component

Click the “New Component” button on your dashboard and describe what you want to build.Example prompts:
Create a modern landing page for a SaaS product
Build a todo app with React
Make a pricing table with 3 tiers
2

Choose your framework

Select the framework that best fits your needs:
  • React - For modern component-based apps
  • Vue.js - For progressive JavaScript applications
  • Angular - For enterprise TypeScript applications
  • Svelte - For high-performance reactive apps
  • HTML/CSS - For simple websites
3

Generate and iterate

Watch as CodeRocket generates your application in real-time. You can then:
  • Ask for modifications: “Make the button blue”
  • Add features: “Add a contact form”
  • Change styling: “Use a dark theme”
4

Preview and export

Use the live preview to test your application, then export your code or sync to GitHub.

​
Next steps

Connect GitHub

Set up GitHub integration to sync your projects automatically

Backend Integrations

Connect Supabase to add database functionality to your apps

​
Tips for better results

Be specific: The more detailed your prompt, the better the AI can understand your requirements.Instead of: “Make a website” Try: “Create a modern portfolio website with a hero section, project gallery, and contact form”
Remember to save your work! While CodeRocket auto-saves your progress, we recommend setting up GitHub integration for proper version control.