> ## Documentation Index
> Fetch the complete documentation index at: https://camelai.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Build Your First App

> Go from idea to live URL in minutes

Let's build a web app and get it live — all from a single conversation.

<Steps>
  <Step title="Sign up">
    Go to [camelai.dev](https://camelai.dev) and create an account. Free tier
    available with your own API key. See [plans and pricing](/plans/overview).

    We automatically set up your organization and workspace — a persistent computer
    where your agent lives. Everything you build here survives across sessions.
  </Step>

  <Step title="Chat with your agent">
    After signup, you're dropped right into a conversation. The agent will ask you a
    few questions to understand what you want to build — just answer naturally.

    Or jump straight in with a request:

    > Build me a personal bookmark manager where I can save links with tags, star
    > my favorites, and search through everything.

    The agent scaffolds a full-stack app with React, TypeScript, Tailwind, and
    shadcn/ui — then starts building. You'll see files appear in your workspace as
    it works.

    <Tip>
      You don't need to be specific about technology choices. The agent picks the right
      tools and builds production-quality UI by default.
    </Tip>
  </Step>

  <Step title="It's already live">
    As soon as the agent builds your app, it's deployed to a live URL at
    `*.camelai.app` — automatically. There's no publish button, no deploy step.
    DNS, SSL, and CDN are all handled for you.

    Copy the URL and share it with anyone. Your app is on the internet.

    <Info>
      Apps stay live even when you're not in camelAI. They're real production services
      on Cloudflare Workers — zero cold start, globally distributed.
    </Info>
  </Step>

  <Step title="Keep iterating">
    Your app is live, but you're not done. Keep chatting to add features, fix things,
    or change the design:

    > Add a dark mode toggle

    > Make the search filter by tags too

    > Change the color scheme to match my brand

    Changes go live automatically as the agent makes them.
  </Step>
</Steps>

## What's next?

<CardGroup cols={3}>
  <Card title="Your Workspace" icon="hard-drive" href="/getting-started/workspace">
    Understand the persistent computer
  </Card>

  <Card title="Your Apps" icon="globe" href="/getting-started/publishing">
    URLs, public vs. private, managing apps
  </Card>

  <Card title="Connections" icon="plug" href="/getting-started/connections">
    Connect to 50+ databases and tools
  </Card>
</CardGroup>