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

# Features

> Everything you need to build, test, and manage full-stack apps.

Bloom includes everything you need to design, build, and manage full-stack apps in one environment. Your app's frontend and backend live in the same workspace, so you can move between building, testing, and managing without switching tools.

## Core Features

<CardGroup cols={2}>
  <Card title="Backend Dashboard" icon="chart-line" href="/backend-dashboard">
    Monitor queries, cache health, and performance in real time.
  </Card>

  <Card title="Logs" icon="file-text" href="/logs">
    Track frontend and backend activity in one unified stream.
  </Card>

  <Card title="Authentication" icon="key" href="/authentication">
    Built-in OAuth with Google, GitHub, Apple, and more.
  </Card>

  <Card title="API Connections" icon="plug" href="/api-connections">
    Connect external services with auto-provisioned or custom keys.
  </Card>

  <Card title="Real-Time Monitoring" icon="monitor-waveform" href="/logs">
    Backend health metrics updated as your app runs.
  </Card>

  <Card title="Instant Sharing" icon="qrcode" href="/instant-sharing">
    Share your app via link or QR code—no App Store required.
  </Card>
</CardGroup>

## Unified Workspace

When you open an app in Bloom, you'll find everything in one place: your project files, preview, backend tools, and settings.

<img src="https://mintcdn.com/bloom-eafef039/FFPKMkGhN_cDZ48F/images/preview-generation.jpg?fit=max&auto=format&n=FFPKMkGhN_cDZ48F&q=85&s=93c16c5ed9f6b4e2257434246f2bbcc8" alt="Workspace Overview" width="3022" height="1563" data-path="images/preview-generation.jpg" />

You can switch seamlessly between building, running, and monitoring your app without leaving the workspace.

### Core Views

<Tabs>
  <Tab title="Code View">
    **Explore your project structure**

    Browse and understand your generated Expo + Convex codebase. See how your frontend components connect to backend functions.
  </Tab>

  <Tab title="Live Preview">
    **See changes instantly**

    Your app runs on the right side of the screen. Every change updates in real time—no manual refresh needed.

    <Check>
      Preview on web, iOS, and Android simultaneously
    </Check>

    <Check>
      Toggle between web and mobile preview to test both layouts
    </Check>

    <Check>
      Hot reload as you make changes
    </Check>

    <Check>
      Test user flows without deploying
    </Check>

    <Frame caption="Switch between web and mobile preview in the toolbar">
      <img src="https://mintcdn.com/bloom-eafef039/YuFkGmz9291JO9eH/images/preview-switcher.png?fit=max&auto=format&n=YuFkGmz9291JO9eH&q=85&s=62e5f91b003a8d0094f95c665d6abfea" alt="Preview switcher" width="656" height="188" data-path="images/preview-switcher.png" />
    </Frame>

    <Tip>
      Scan the QR code to preview your app natively on your phone while you build.
    </Tip>
  </Tab>

  <Tab title="Sidebar Navigation">
    **Access all tools in one place**

    The sidebar gives you quick access to:

    * **Backend Dashboard** — Performance metrics and health
    * **Logs** — Frontend and backend activity
    * **Authentication** — OAuth provider management
    * **API Connections** — External service integrations
    * **Settings** — Environment variables and configuration

    <Note>
      No context switching: everything you need to build, debug, and deploy is in the same interface.
    </Note>
  </Tab>
</Tabs>

### Why the unified workspace matters

<CardGroup cols={3}>
  <Card title="Faster iteration" icon="bolt">
    Go from idea to working feature in minutes, not hours.
  </Card>

  <Card title="Easier debugging" icon="bug">
    See frontend and backend issues in context, all in one view.
  </Card>

  <Card title="No setup required" icon="rocket">
    Start building immediately—no local environment configuration needed.
  </Card>
</CardGroup>

<Check>
  **The result:** You can go from "generate" to "test" to "deploy" without any local setup or external tools.
</Check>

## What's next?

<CardGroup cols={2}>
  <Card title="Explore the Backend Dashboard" icon="chart-line" href="/backend-dashboard">
    Learn how to monitor your app's performance
  </Card>

  <Card title="View Logs" icon="terminal" href="/logs">
    Debug your app with unified logging
  </Card>
</CardGroup>