Documentation Quickstart

Quickstart

Get a project up and running with CloudCode in a few minutes. Everything runs in your browser, so there's nothing to install.

1
Create an account
Sign up at cloudcode.gg with your email and a password, or continue with Google or Apple. New accounts start with a free credit balance. You don't need a credit card.
2
Create a project
Click the "+" next to the project switcher at the top of the left sidebar, or press Cmd/Ctrl + N. Name the project, then pick a template (Blank, React App, Landing Page, API Dashboard, or a Capacitor mobile starter). To start from existing code instead, paste a GitHub repository URL. Project files are stored in your CloudCode account, so you can open them from any browser.
3
Ask the agent
The center panel opens with two tabs. "Claude Code" is the agent: it reads your project and edits multiple files for you. "CloudCode AI" is a conversational assistant whose code blocks you can apply to files yourself. Describe what you want in the Claude Code tab, for example "Create a React todo app with add, complete and delete". Claude Code messages are charged in credits by actual AI usage (tokens); runs on your own Anthropic key are free.
4
See the preview
The Preview tab in the right panel renders your app with Sandpack, and it recompiles about half a second after each file change.
5
Deploy
Click "Deploy" in the preview toolbar and choose Static Site or Node.js App. CloudCode publishes your files to Vercel through its own Vercel integration, so you don't need a Vercel account. When the deployment is ready you get a *.vercel.app URL.
Warning
One-click deploys upload your files exactly as they are. Nothing is built first: CloudCode doesn't run npm install or vite build. Plain HTML, CSS and JavaScript sites deploy fine, but a React/TypeScript app that works in the dev preview won't run from a one-click deploy. To ship one of those, push it to GitHub and deploy the repository from your own Vercel account (see Deployment).
Tip
You don't have to write the code yourself, because the agent works from plain-English descriptions. Do review what it changes, though. The file explorer and version history make that easy.