> ## Documentation Index
> Fetch the complete documentation index at: https://docs-2.manicule.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.
> For every page in one file, fetch https://docs-2.manicule.dev/docs/llms-full.txt (large).
> To search and read these docs as tools, connect the MCP server at https://docs-2.manicule.dev/docs/api/mcp.
> Every agent surface: https://docs-2.manicule.dev/docs/.well-known/llms-manifest.json

# Cloud Studio Quickstart (/docs/getting-started/quickstart)

<!-- agent-signals: reading_time_min: 2 · est_tokens: 723 · updated: 2026-11-11 -->
Related: [Import Existing Projects](/docs/getting-started/import-projects.md), [Download & Install Desktop Workspace](/docs/getting-started/installation.md), [Starter Templates](/docs/getting-started/templates.md)

> Build and deploy a full-stack web application in 60 seconds with BhaiCode Cloud Studio.

**BhaiCode Cloud Studio** is an in-browser AI development workspace at [app.bhaico.de](https://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](https://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
   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
   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](/docs/getting-started/templates): Available frameworks and stacks.
* [Import Existing Projects](/docs/getting-started/import-projects): Syncing GitHub and GitLab repositories.
* [AI Chat & Context Pinning](/docs/studio/ai-chat): Using `@file` to reference code context.