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

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

<!-- agent-signals: reading_time_min: 2 · est_tokens: 626 · updated: 2026-11-12 -->
Related: [Starter Templates](/getting-started/templates.md)

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

**Cloud Studio** is an in-browser AI development workspace at
[app.bhaico.de](https://app.bhaico.de). It builds, previews, and deploys full-stack apps
without installing compilers, Node.js, or local dev tools.

<Steps>
<Step title="Open Cloud Studio">Go to [app.bhaico.de](https://app.bhaico.de) and sign in with GitHub, Google, or email.
You land on your workspace dashboard with active projects and connected integrations.</Step>

  <Step title="Create a project">
    Click **New project** in the upper-right corner. Start one of two ways:

    * **From a prompt** — describe the app in English, Hindi, or Hinglish:

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

    * **From a template** — pick **React + Vite**, **Next.js 15 (App Router)**, **Astro 5**,
      or **Remix**.

    Click **Create project**. The workspace boots with an in-browser WebAssembly compiler.
  </Step>

  <Step title="Iterate with Bhai">
    The left pane holds your conversation with **Bhai**. Describe features, watch edits
    stream in, and test the live preview — buttons, forms, and all three device viewports.

    ```text
    Add a currency toggle (INR ₹ / USD $) and an export-to-PDF button for generated invoices.
    ```
  </Step>

<Step title="Add a database (optional)">Open the **Databases** drawer, choose **Cloudflare D1**, **Neon Postgres**, or
**Supabase**, and click **Provision database**. BhaiCode binds `DATABASE_URL` and
generates the first migration.</Step>

  <Step title="Deploy in one click">
    Click the purple **Deploy** button and choose a target:

    * **BhaiCode Global Edge** — automatic `*.bhaico.dev` URL with free SSL.
    * **Vercel** or **Netlify** — deploy into your connected account.

    Click **Publish**. Your live URL appears in seconds.
  </Step>
</Steps>

<Tip title="Prototype now, go local later">When the project outgrows the browser, [import it](/getting-started/import-projects) into the
[Desktop Workspace](/desktop/overview) for a real terminal and local execution.</Tip>

<CardGroup cols="2">
<Card title="Starter templates" icon="layout-template" href="/getting-started/templates">Compare the available frameworks and stacks.</Card>

<Card title="AI chat and context pinning" icon="message-square" href="/studio/ai-chat">Use `@file` to point Bhai at exactly the code you mean.</Card>
</CardGroup>
