Cloud Studio Quickstart

BhaiCode Cloud Studio is an in-browser AI development workspace at app.bhaico.de. It lets you build, preview, and deploy full-stack web applications without installing compilers, Node.js, or local dev tools.

Step 1: Open Cloud Studio

Go to app.bhaico.de in any modern browser. Sign in using your GitHub, Google, or email account. You will land on your personal workspace dashboard showing active projects and connected integrations.

Step 2: Create a Project

Click New Project in the upper-right corner. You can start in two ways:

1. From an AI Prompt: Type what you want to build in English, Hindi, or Hinglish:
   TEXT Copy

   Ek modern invoice generator bana do with React, Tailwind CSS, and local storage support.

2. From a Starter Template: Choose a pre-configured template like React + Vite, Next.js 15 (App Router), Astro 5, or Remix.

Click Create Project. Your workspace initializes immediately with an in-browser WebAssembly compiler.

Step 3: Iterate with Bhai

The left pane contains your conversation with Bhai (the lead orchestrator):

1. Describe features in natural language:
   TEXT Copy

   Add a currency toggle (INR ₹ / USD $) and export-to-PDF button for generated invoices.

2. Watch live streaming edits: Bhai edits components, utility functions, and styles simultaneously.
3. Inspect the live preview: The right-hand Live Web Preview hot-reloads within milliseconds. Test buttons, fill forms, and toggle responsive viewports (Desktop, Tablet, Mobile) in real time.

Step 4: Add a Database (Optional)

If your app needs persistent data or auth:

1. Open the Databases drawer in the Cloud Studio toolbar.
2. Select Cloudflare D1 (Edge SQLite), Neon Serverless Postgres, or Supabase.
3. Click Provision Database. BhaiCode provisions the database, binds the connection secret (DATABASE_URL), and generates initial schema migrations automatically.

Step 5: Deploy in 1 Click

When you are ready to publish:

1. Click the purple Deploy button in the top navigation bar.
2. Choose your deployment target:
   • BhaiCode Global Edge: Instant edge deployment with an automatic *.bhaico.dev URL and free SSL.
   • Vercel: 1-click deployment to your connected Vercel account.
   • Netlify: 1-click deployment to your Netlify team.
3. Click Publish. Your live URL is generated in seconds.

Next Steps

• Starter Templates: Available frameworks and stacks.
• Import Existing Projects: Syncing GitHub and GitLab repositories.
• AI Chat & Context Pinning: Using @file to reference code context.