Cloud Studio Overview
Tour of the BhaiCode Cloud Studio browser workspace at app.bhaico.de.
BhaiCode Cloud Studio is an in-browser development workspace at app.bhaico.de. Build, preview, and deploy production web applications entirely in your browser — no compilers, Node.js, or local dev tools.
The compiler runs as WebAssembly in your browser.
Sub-second hot reload with device viewports and a live console.
Databases, edge hosting, and SSL provisioned for you.
Workspace layout
| Area | What it does |
|---|---|
| Top bar and hotbar | Project title, database and branch badges, purple Deploy, preview/code toggle, device viewports, inspect, plugins, reload, pop-out |
| File explorer (left) | Full project tree; drag in assets, create folders, delete files |
| Studio sidebar | Navigation and settings; auto-collapses on open, toggle with Cmd + B / Ctrl + B |
| AI chat pane (center) | Streaming edits, tool status, and diff cards from Bhai |
| Live preview (right) | Hot-reloading iframe running the real app |
| Console drawer (bottom) | console.log, warnings, failed requests, and database query logs |
Press Cmd + P / Ctrl + P any time to jump to a file, and Cmd + S / Ctrl + S to save.
Hotbar controls
| Control | Action |
|---|---|
| Preview / Code | Switch between the running app and source files |
| Desktop · Tablet · Mobile | 100%, 768px, and 375px viewports |
| Inspect element | Click any element in the preview to open its component |
| Plugins | Shows active MCP plugins and connectors |
| Reload / Pop-out | Restart the preview or open it in a standalone tab |
| Deploy | Publish to BhaiCode Global Edge, Vercel, or Netlify |
From prompt to production
Open a project
Start from a prompt or a starter template. The WebAssembly compiler boots instantly.
Iterate with Bhai
Describe changes in English or any supported Indian language. Edits stream into the preview, and each turn shows a diff card you can undo.
Add a database (optional)
Open the Databases drawer and provision Cloudflare D1, Neon Postgres, or Supabase.
Deploy
Pick a target in the Deploy dialog and publish — you get a live URL immediately.