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

# Build Overview

> Everything you need to know about building apps with Fabricate.

The Build section covers everything inside the Fabricate editor — how code gets generated, how the two modes work, how to manage your tech stack, and how to get your code in and out of Fabricate.

## The Editor

The Fabricate editor is where your app comes to life. It has three key areas:

* **Chat panel** — where you talk to the AI (Build Mode or Discuss Mode)
* **Preview panel** — a live, interactive preview of your app
* **File Explorer** — view and navigate your app's file structure

## Two Modes

<CardGroup cols={2}>
  <Card title="Build Mode" icon="hammer" href="/build/build-mode">
    Send a message and Fabricate generates or modifies your code in real time. Uses credits. This is where your app gets built.
  </Card>

  <Card title="Discuss Mode" icon="message-circle" href="/build/discuss-mode">
    Free, unlimited conversations with the AI. Plan features, ask questions, understand your code — no credits used.
  </Card>
</CardGroup>

## Tech Stack

<CardGroup cols={2}>
  <Card title="Tech Stack" icon="layers" href="/build/tech-stack">
    React 18, TypeScript, Vite, Tailwind CSS 4, Hono.js, Cloudflare Workers.
  </Card>

  <Card title="Database" icon="database" href="/build/database">
    Cloudflare D1 (SQLite) with auto-generated schema and migrations.
  </Card>

  <Card title="Authentication" icon="lock" href="/build/authentication">
    Secure user authentication flows, built and managed by AI.
  </Card>

  <Card title="Payments" icon="credit-card" href="/build/payments">
    Stripe integration for subscriptions and one-time payments.
  </Card>
</CardGroup>

## Code Management

<CardGroup cols={2}>
  <Card title="GitHub Sync" icon="github" href="/build/github-sync">
    Two-way sync with any GitHub repository.
  </Card>

  <Card title="Export Code" icon="download" href="/build/export-code">
    Download your full codebase as a zip file at any time.
  </Card>

  <Card title="File Explorer" icon="folder" href="/build/file-explorer">
    Browse and understand your app's file structure.
  </Card>

  <Card title="Templates" icon="layout-template" href="/build/templates">
    Start from one of 9 production-ready templates.
  </Card>
</CardGroup>