​
Setup your account

Welcome to CodeRocket! Let’s get you up and running with your first AI-generated web application.

​
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
  • 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

Advanced Features

Learn about advanced CodeRocket features and capabilities

​
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.