Skip to main content
Full access to your project’s source code.Browse files, make direct edits, manage environment variables, and track build logs - all inside Rocket. Use code view when you need precision that goes beyond chat and visual edit.You need an existing Rocket project. Do not have one yet? Create one to get started.
Use code view whenUse chat instead when
You need to edit a specific line of codeYou want to add new features or pages
Managing API keys and environment variablesYou want to change design or layout
Debugging with build logsYou need broad changes across many files
Reviewing what Rocket generatedYou are not sure what to change
Rocket code editor with file explorer and output panel visible.Rocket code editor with file explorer and output panel visible.

​
Code view features

​
Browse your app files

Use the file explorer on the left to navigate folders like pages, components, or styles. Click any file to open it in a new tab.Collapse the explorer using the collapse icon in the top-right corner of the panel.
File tree expanded in Rocket code view.File tree expanded in Rocket code view.
Use the search bar at the top of the file panel to locate files by name. Rocket filters results as you type.
File search bar showing live filtering results.File search bar showing live filtering results.

​
Edit and save any file

Click a file to open it in the editor. Make your changes, then use the save bar at the bottom:
  • Click Save to apply changes.
  • Click Discard to undo them.
Rocket editor with unsaved changes and save/discard options.Rocket editor with unsaved changes and save/discard options.
If you edit configuration files like tailwind.config.js or package.json, your changes may affect how your app compiles or behaves. If something breaks, you can revert or refresh.

​
Manage environment variables

Environment variables are private settings stored securely outside your app code, such as API keys (the secret passwords that connect your app to external services).
Your environment file stores secret API keys and config values. Never share it unless you are sure it is secure.
Rocket supports environment variables for both project types:
  • Mobile projects use env.json
  • Web projects use .env
To update an existing key:
  1. Open the relevant file.
  2. Find the key and replace its value.
  3. Press Save.
Editing environment key in env.json file.Editing environment key in env.json file.
To add a new key:
  1. Open env.json (for mobile) or .env (for web).
  2. Add a new line, for example: STRIPE_PUBLISHABLE_KEY=your-stripe-publishable-key-here
  3. Click Save.
After saving, tell Rocket how to use the key. For example: “Use STRIPE_PUBLISHABLE_KEY to load the map on the home screen.”
Adding new environment key to env.json file.Adding new environment key to env.json file.
Use clear, specific key names so Rocket can recognize and apply them accurately.

​
Track build logs

The output panel at the bottom shows live logs as you edit and save. Use this to monitor builds, catch errors early, and confirm updates were successful.
Live log output in Rocket showing build events and errors.Live log output in Rocket showing build events and errors.
Logs update automatically after each change. You do not need to run any commands.

​
Refresh and download

The top-right corner of the editor has quick actions:
Toolbar showing refresh, GitHub, and download icons.Toolbar showing refresh, GitHub, and download icons.
  • Refresh - Reload your editor and file tree.
  • Download - Export your app as a .zip file to open locally.
Download is available only for paid users.

​
Transfer to GitHub

Click the GitHub button in the top-right toolbar to connect your account and push your project to a repo.
  1. Connect your GitHub account.
  2. Click Transfer project to create a new repo.
  3. After the initial transfer, use the Update button to push new changes.
Transferring Rocket project to a connected GitHub repo.Transferring Rocket project to a connected GitHub repo.
GitHub update button for syncing project changes.GitHub update button for syncing project changes.
GitHub sync is one-way. Changes made in GitHub will not appear in Rocket.Only the main branch is supported.

Learn how to connect your project to GitHub.
GitHub transfer is available only for paid users.

​
What’s next?

Chat interface

Build and iterate through natural conversation.

Visual edit

Click on elements to change styles and text directly.

Inject custom code

Bring in external scripts, embeds, and components.

Connect APIs

Import and integrate API endpoints into your app.