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

# Zite Developer Docs

> Zite is agent-native. Agents build your apps and answer questions on your data, and so can you. Ship apps and workflows on one database.

<div className="zx dark">
  <section className="zx-bleed zx-sec zx-hero">
    <div className="zx-rails" />

    <div className="zx-head-wrap">
      <div className="zx-head">
        <div className="zx-head-copy">
          <p className="zx-eyebrow">For agents and developers</p>
          <h1 className="zx-h1">Build with your AI agent</h1>

          <p className="zx-sub">
            Connect your favorite agent to the Zite MCP, then just chat to build.
          </p>
        </div>
      </div>
    </div>

    <div className="zx-slot">
      <input className="zx-radio" type="radio" name="zx-ag" id="zx-ag-claude" defaultChecked />

      <input className="zx-radio" type="radio" name="zx-ag" id="zx-ag-gpt" />

      <input className="zx-radio" type="radio" name="zx-ag" id="zx-ag-cc" />

      <input className="zx-radio" type="radio" name="zx-ag" id="zx-ag-cursor" />

      <input className="zx-radio" type="radio" name="zx-ag" id="zx-ag-vsc" />

      <input className="zx-radio" type="radio" name="zx-ag" id="zx-ag-other" />

      <div className="zx-canvas zx-canvas-flush">
        <div className="zx-cn-head">
          <span className="zx-cn-t">Connect your agent</span>
          <span className="zx-cn-url">[https://mcp.zite.com/mcp](https://mcp.zite.com/mcp)</span>
        </div>

        <div className="zx-cn-body">
          <div className="zx-pick">
            <label className="zx-pick-row" htmlFor="zx-ag-claude">
              <span className="zx-pick-ico">
                <img src="https://mintcdn.com/zite-js/jms34fXEIhS5q3-F/images/agents/claude.svg?fit=max&auto=format&n=jms34fXEIhS5q3-F&q=85&s=e0bb82ce0215a6c3870744eb1ca32209" alt="" width="24" height="24" data-path="images/agents/claude.svg" />
              </span>

              <span className="zx-pick-n">Claude</span>
            </label>

            <label className="zx-pick-row" htmlFor="zx-ag-gpt">
              <span className="zx-pick-ico">
                <img src="https://mintcdn.com/zite-js/LSPdozoqw4nFOq3k/images/agents/chatgpt-dark.svg?fit=max&auto=format&n=LSPdozoqw4nFOq3k&q=85&s=40ba8b12118bf7df65a46964542c040e" alt="" width="485" height="480" data-path="images/agents/chatgpt-dark.svg" />
              </span>

              <span className="zx-pick-n">ChatGPT</span>
            </label>

            <label className="zx-pick-row" htmlFor="zx-ag-cc">
              <span className="zx-pick-ico">
                <img src="https://mintcdn.com/zite-js/jms34fXEIhS5q3-F/images/agents/claude.svg?fit=max&auto=format&n=jms34fXEIhS5q3-F&q=85&s=e0bb82ce0215a6c3870744eb1ca32209" alt="" width="24" height="24" data-path="images/agents/claude.svg" />
              </span>

              <span className="zx-pick-n">Claude Code</span>
            </label>

            <label className="zx-pick-row" htmlFor="zx-ag-cursor">
              <span className="zx-pick-ico">
                <img src="https://mintcdn.com/zite-js/LSPdozoqw4nFOq3k/images/agents/cursor-dark.svg?fit=max&auto=format&n=LSPdozoqw4nFOq3k&q=85&s=1283c24d784699101948e0acbdff8f80" alt="" width="467" height="532" data-path="images/agents/cursor-dark.svg" />
              </span>

              <span className="zx-pick-n">Cursor</span>
            </label>

            <label className="zx-pick-row" htmlFor="zx-ag-vsc">
              <span className="zx-pick-ico">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                  <path d="m18 16 4-4-4-4" />

                  <path d="m6 8-4 4 4 4" />

                  <path d="m14.5 4-5 16" />
                </svg>
              </span>

              <span className="zx-pick-n">VS Code</span>
            </label>

            <label className="zx-pick-row" htmlFor="zx-ag-other">
              <span className="zx-pick-ico">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                  <path d="M12 22v-5" />

                  <path d="M9 8V2" />

                  <path d="M15 8V2" />

                  <path d="M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z" />
                </svg>
              </span>

              <span className="zx-pick-n">Any MCP client</span>
            </label>
          </div>

          <div className="zx-pane">
            <div className="zx-panels">
              <div className="zx-panel zx-p-claude">
                <a className="zx-btn zx-btn-primary zx-go" href="https://claude.ai/directory/connectors/dbc52c7f-cbc6-49f4-be8d-ca58126b85ed" target="_blank" rel="noreferrer">
                  <img src="https://mintcdn.com/zite-js/hNGKt3yHN8jtjRYI/images/agents/claude-ink.svg?fit=max&auto=format&n=hNGKt3yHN8jtjRYI&q=85&s=6e18deae0fd12e2b8d77995d2f72d591" alt="" width="24" height="24" data-path="images/agents/claude-ink.svg" />Open Zite in Claude<span className="zx-go-i" aria-hidden="true">↗</span>
                </a>

                <p className="zx-note">Native connector. Click <strong>Connect</strong> and sign in.</p>
                <a className="zx-more" href="/mcp/connect#claude">Setup guide <span aria-hidden="true">→</span></a>
              </div>

              <div className="zx-panel zx-p-gpt">
                <a className="zx-btn zx-btn-primary zx-go" href="https://chatgpt.com/apps/zite/asdk_app_6a0dfddea830819180d3eaf355793e42" target="_blank" rel="noreferrer">
                  <img src="https://mintcdn.com/zite-js/hNGKt3yHN8jtjRYI/images/agents/chatgpt-ink.svg?fit=max&auto=format&n=hNGKt3yHN8jtjRYI&q=85&s=8b547cbb9a3da6b1ef0327c7f38c6241" alt="" width="485" height="480" data-path="images/agents/chatgpt-ink.svg" />Open Zite in ChatGPT<span className="zx-go-i" aria-hidden="true">↗</span>
                </a>

                <p className="zx-note">An approved app. Click <strong>Connect</strong> and authorize. Paid plans only.</p>
                <a className="zx-more" href="/mcp/connect#chatgpt">Setup guide <span aria-hidden="true">→</span></a>
              </div>

              <div className="zx-panel zx-p-cc">
                <p className="zx-cue">Add the server, then run <code>/mcp</code> to authenticate.</p>

                ```bash theme={"system"}
                claude mcp add --transport http zite https://mcp.zite.com/mcp
                ```

                <a className="zx-more" href="/mcp/connect#claude-code">Setup guide <span aria-hidden="true">→</span></a>
              </div>

              <div className="zx-panel zx-p-cursor">
                <p className="zx-cue">Add it to <code>.cursor/mcp.json</code>, then sign in when prompted.</p>

                ```json theme={"system"}
                {
                  "mcpServers": {
                    "zite": { "url": "https://mcp.zite.com/mcp" }
                  }
                }
                ```

                <a className="zx-more" href="/mcp/connect#cursor">Setup guide <span aria-hidden="true">→</span></a>
              </div>

              <div className="zx-panel zx-p-vsc">
                <p className="zx-cue">Add it to <code>.vscode/mcp.json</code>, then start the server.</p>

                ```json theme={"system"}
                {
                  "servers": {
                    "zite": { "type": "http", "url": "https://mcp.zite.com/mcp" }
                  }
                }
                ```

                <a className="zx-more" href="/mcp/connect#vs-code">Setup guide <span aria-hidden="true">→</span></a>
              </div>

              <div className="zx-panel zx-p-other">
                <p className="zx-cue">HTTP (streamable) transport, OAuth sign-in.</p>

                ```text theme={"system"}
                https://mcp.zite.com/mcp
                ```

                <a className="zx-more" href="/mcp/connect">Codex, Windsurf, Zed, and the rest <span aria-hidden="true">→</span></a>
              </div>
            </div>
          </div>
        </div>

        <div className="zx-cap">
          <span className="zx-cap-l">Zite.js handles</span>

          <span className="zx-cap-row">
            <a className="zx-chip" href="/framework/database-client"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3" /><path d="M3 5v14a9 3 0 0 0 18 0V5" /><path d="M3 12a9 3 0 0 0 18 0" /></svg>Database</a>
            <a className="zx-chip" href="/framework/workflows"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect x="3" y="3" width="8" height="8" rx="2" /><path d="M7 11v4a2 2 0 0 0 2 2h4" /><rect x="13" y="13" width="8" height="8" rx="2" /></svg>Workflows</a>
            <a className="zx-chip" href="/framework/auth"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /><path d="m9 12 2 2 4-4" /></svg>Authentication</a>
            <a className="zx-chip" href="/framework/schedules"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10" /><path d="M12 6v6l4 2" /></svg>Schedules</a>
            <a className="zx-chip" href="/deploy/publishing"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M12 13v8" /><path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" /><path d="m8 17 4-4 4 4" /></svg>Deploys</a>
          </span>
        </div>
      </div>

      <div className="zx-alt">
        <a className="zx-link" href="/quickstart">Quickstart <span aria-hidden="true">→</span></a>
      </div>
    </div>
  </section>

  <section className="zx-bleed zx-sec">
    <div className="zx-rails" />

    <div className="zx-head-wrap">
      <div className="zx-head">
        <div className="zx-head-copy">
          <p className="zx-eyebrow">Zite.js</p>
          <h2 className="zx-h2">The framework for business apps</h2>

          <p className="zx-sub">
            Apps and their workflows live in one monorepo, powered by one database.
          </p>
        </div>

        <div className="zx-head-aside">
          <a className="zx-link" href="/framework/overview">Explore Zite.js <span aria-hidden="true">→</span></a>
        </div>
      </div>
    </div>

    <div className="zx-slot">
      <input className="zx-radio" type="radio" name="zx-fw" id="zx-fw-apps" defaultChecked />

      <input className="zx-radio" type="radio" name="zx-fw" id="zx-fw-data" />

      <div className="zx-canvas zx-canvas-flush">
        <div className="zx-tabs-bar">
          <div className="zx-tabs">
            <label className="zx-tab" htmlFor="zx-fw-apps">Apps</label>
            <label className="zx-tab" htmlFor="zx-fw-data">Database</label>
          </div>
        </div>

        <div className="zx-panels">
          <div className="zx-panel zx-p-apps">
            <div className="zx-split">
              <div className="zx-split-code">
                ```text title="acme-ops/" icon="folder-tree" theme={"system"}
                zite.schema.json          # the database
                apps/
                ├── customer-portal/      # public
                │   └── src/
                │       ├── App.tsx       # screens
                │       ├── components/
                │       └── api/          # workflows
                ├── admin-console/        # internal
                │   └── src/
                └── reporting/            # dashboards
                ```
              </div>

              <div>
                <div className="zx-viz">
                  <div className="zx-viz-row">
                    <div className="zx-mini">
                      <span className="zx-mini-ico">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                          <rect x="2" y="4" width="20" height="16" rx="2" />

                          <path d="M2 9h20" />

                          <path d="M7 4v5" />
                        </svg>
                      </span>

                      <span className="zx-mini-t">Customer portal</span>
                      <span className="zx-mini-s">Public</span>
                    </div>

                    <div className="zx-mini">
                      <span className="zx-mini-ico">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                          <rect x="3" y="3" width="18" height="18" rx="2" />

                          <path d="m7 9 3 3-3 3" />

                          <path d="M13 15h4" />
                        </svg>
                      </span>

                      <span className="zx-mini-t">Admin console</span>
                      <span className="zx-mini-s">Internal</span>
                    </div>
                  </div>

                  <div className="zx-viz-row">
                    <div className="zx-mini">
                      <span className="zx-mini-ico">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                          <path d="M3 3v18h18" />

                          <path d="M18 17V9" />

                          <path d="M13 17V5" />

                          <path d="M8 17v-3" />
                        </svg>
                      </span>

                      <span className="zx-mini-t">Reporting</span>
                      <span className="zx-mini-s">Dashboards</span>
                    </div>

                    <div className="zx-mini">
                      <span className="zx-mini-ico">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                          <rect x="3" y="3" width="8" height="8" rx="2" />

                          <path d="M7 11v4a2 2 0 0 0 2 2h4" />

                          <rect x="13" y="13" width="8" height="8" rx="2" />
                        </svg>
                      </span>

                      <span className="zx-mini-t">Workflows</span>
                      <span className="zx-mini-s">Automation</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div className="zx-panel zx-p-data">
            <div className="zx-split">
              <div className="zx-split-code">
                ```typescript title="src/api/listTickets.ts" theme={"system"}
                import { createEndpoint } from 'zitejs/backend';
                import { zite } from 'zitejs/db';

                export default createEndpoint({
                  authenticated: true,
                  execute: async () => {
                    const { records } = await zite.tickets.findAll({
                      filters: { status: 'open' },
                      sort: [{ field: 'createdAt', direction: 'desc' }],
                      limit: 50,
                    });
                    return records;
                  },
                });
                ```
              </div>

              <div>
                <div className="zx-db">
                  <div className="zx-db-head">
                    <span className="zx-db-title"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3" /><path d="M3 5v14a9 3 0 0 0 18 0V5" /><path d="M3 12a9 3 0 0 0 18 0" /></svg>Workspace database</span>
                    <span className="zx-db-pill">3 tables</span>
                  </div>

                  <div className="zx-db-tabs">
                    <span className="zx-db-tab zx-db-tab-on">Tickets</span>
                    <span className="zx-db-tab">Customers</span>
                    <span className="zx-db-tab">Comments</span>
                  </div>

                  <div className="zx-db-table">
                    <div className="zx-db-row zx-db-hd"><span>Ticket</span><span>Status</span><span>Owner</span></div>

                    <div className="zx-db-row">
                      <span className="zx-db-c1">Login button broken</span>
                      <span><span className="zx-badge zx-badge-open">Open</span></span>
                      <span className="zx-av zx-av-amber">JS</span>
                    </div>

                    <div className="zx-db-row">
                      <span className="zx-db-c1">Billing question</span>
                      <span><span className="zx-badge zx-badge-prog">In progress</span></span>
                      <span className="zx-av">MJ</span>
                    </div>

                    <div className="zx-db-row">
                      <span className="zx-db-c1">Password reset</span>
                      <span><span className="zx-badge zx-badge-done">Done</span></span>
                      <span className="zx-av">HS</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section className="zx-bleed zx-sec">
    <div className="zx-rails" />

    <div className="zx-head-wrap">
      <div className="zx-head">
        <div className="zx-head-copy">
          <p className="zx-eyebrow">Programmatic access</p>
          <h2 className="zx-h2">REST API and SDKs</h2>

          <p className="zx-sub">
            Use the Database API to read and write records over REST, the SDK, or MCP.<br />
            Use the Build API to create and deploy apps.
          </p>
        </div>
      </div>
    </div>

    <div className="zx-slot">
      <div className="zx-canvas zx-canvas-flush">
        <div className="zx-split">
          <div className="zx-split-code">
            ```typescript theme={"system"}
            import { Zite } from 'zitejs';

            const zite = new Zite(process.env.ZITE_API_KEY);

            const { records } = await zite.record.list(dbId, tableId, {
              filter: { status: 'open' },
            });
            ```
          </div>

          <div>
            <div className="zx-ep">
              <div className="zx-ep-col">
                <p className="zx-ep-head">Database API</p>
                <a className="zx-ep-row" href="/api/records/list-records"><span className="zx-ep-res">Records</span><span className="zx-ep-ops">Query, insert, update, aggregate</span></a>
                <a className="zx-ep-row" href="/api/sql/run-sql"><span className="zx-ep-res">SQL</span><span className="zx-ep-ops">Run queries, read schema</span></a>
                <a className="zx-ep-row" href="/api/fields/list-fields"><span className="zx-ep-res">Tables, fields</span><span className="zx-ep-ops">Create, alter, 20+ types</span></a>
                <a className="zx-ep-row" href="/api/webhooks/webhooks"><span className="zx-ep-res">Webhooks</span><span className="zx-ep-ops">Subscribe to changes</span></a>
              </div>

              <div className="zx-ep-col">
                <p className="zx-ep-head">Build API</p>
                <a className="zx-ep-row" href="/build-api/workspaces/create-workspace"><span className="zx-ep-res">Workspaces</span><span className="zx-ep-ops">Create, list, inspect apps</span></a>
                <a className="zx-ep-row" href="/build-api/sessions/open-session"><span className="zx-ep-res">Sessions</span><span className="zx-ep-ops">Edit files, run commands</span></a>
                <a className="zx-ep-row" href="/build-api/deployments/publish-deployment"><span className="zx-ep-res">Deployments</span><span className="zx-ep-ops">Publish, read logs</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div className="zx-alt">
        <a className="zx-link" href="/api/overview">Database API <span aria-hidden="true">→</span></a>
        <a className="zx-link" href="/api/sdk">JavaScript SDK <span aria-hidden="true">→</span></a>
      </div>
    </div>
  </section>

  <section className="zx-bleed zx-sec">
    <div className="zx-rails" />

    <div className="zx-head-wrap">
      <div className="zx-head">
        <div className="zx-head-copy">
          <p className="zx-eyebrow">The platform</p>
          <h2 className="zx-h2">Four ways to build</h2>

          <p className="zx-sub">
            Choose your preferred way to build systems in Zite.
          </p>
        </div>
      </div>
    </div>

    <div className="zx-slot">
      <div className="zx-canvas zx-canvas-flush">
        <div className="zx-tiles-grid">
          <a className="zx-surface-card" href="/mcp/overview">
            <span className="zx-surface-ico">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" />
              </svg>
            </span>

            <span className="zx-surface-t">Build with agents <em aria-hidden="true">→</em></span>
            <span className="zx-surface-d">Agents build and ship apps from any MCP client.</span>
          </a>

          <a className="zx-surface-card" href="/framework/overview">
            <span className="zx-surface-ico">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="m16 18 6-6-6-6" />

                <path d="m8 6-6 6 6 6" />
              </svg>
            </span>

            <span className="zx-surface-t">Zite.js <em aria-hidden="true">→</em></span>
            <span className="zx-surface-d">The framework behind every Zite app.</span>
          </a>

          <a className="zx-surface-card" href="/api/overview">
            <span className="zx-surface-ico">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <rect width="20" height="8" x="2" y="2" rx="2" />

                <rect width="20" height="8" x="2" y="14" rx="2" />

                <path d="M6 6h.01" />

                <path d="M6 18h.01" />
              </svg>
            </span>

            <span className="zx-surface-t">Database API <em aria-hidden="true">→</em></span>
            <span className="zx-surface-d">REST and SDK to read, write, and query your data.</span>
          </a>

          <a className="zx-surface-card" href="/build-api/overview">
            <span className="zx-surface-ico">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="m7.5 4.27 9 5.15" />

                <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" />

                <path d="m3.3 7 8.7 5 8.7-5" />

                <path d="M12 22V12" />
              </svg>
            </span>

            <span className="zx-surface-t">Build API <em aria-hidden="true">→</em></span>
            <span className="zx-surface-d">Create, build, and deploy apps programmatically.</span>
          </a>
        </div>
      </div>
    </div>
  </section>

  <section className="zx-bleed zx-sec">
    <div className="zx-rails" />

    <div className="zx-head-wrap">
      <div className="zx-head">
        <div className="zx-head-copy">
          <p className="zx-eyebrow">For AI agents</p>
          <h2 className="zx-h2">Give your agent the docs</h2>
        </div>

        <div className="zx-head-aside">
          <a className="zx-link" href="/ai-skill">For AI agents <span aria-hidden="true">→</span></a>
        </div>
      </div>
    </div>

    <div className="zx-slot">
      <div className="zx-canvas zx-canvas-flush">
        <div className="zx-split zx-split-lead">
          <div className="zx-split-code">
            ```text title="Paste this into your agent" icon="sparkles" theme={"system"}
            Add the Zite MCP server (HTTP transport) at
            https://mcp.zite.com/mcp

            Then read the docs and help me build an app:
            https://developers.zite.com/llms-full.txt
            ```
          </div>

          <div>
            <div className="zx-viz">
              <a className="zx-mini" href="https://developers.zite.com/llms-full.txt">
                <span className="zx-mini-ico">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                    <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />

                    <path d="M14 2v5h5" />

                    <path d="M16 13H8" />

                    <path d="M16 17H8" />
                  </svg>
                </span>

                <span className="zx-mini-t">llms-full.txt</span>
                <span className="zx-mini-s">All the docs</span>
              </a>

              <a className="zx-mini" href="/recipes/overview">
                <span className="zx-mini-ico">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                    <path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" />
                  </svg>
                </span>

                <span className="zx-mini-t">Recipes</span>
                <span className="zx-mini-s">Common tasks</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section className="zx-bleed zx-foot">
    <div className="zx-rails" />

    <div className="zx-foot-grid">
      <div className="zx-foot-brand">
        <img src="https://mintcdn.com/zite-js/LSPdozoqw4nFOq3k/favicon.svg?fit=max&auto=format&n=LSPdozoqw4nFOq3k&q=85&s=f87512a1c9310c771dd35a01d948534c" alt="Zite" width="36" height="36" data-path="favicon.svg" />

        <div className="zx-foot-word">Zite</div>

        <div className="zx-foot-socials">
          <a href="https://x.com/zite" target="_blank" rel="noreferrer">X</a>
          <a href="https://www.linkedin.com/company/zitecom" target="_blank" rel="noreferrer">LinkedIn</a>
          <a href="https://github.com/zite" target="_blank" rel="noreferrer">GitHub</a>
        </div>
      </div>

      <div className="zx-foot-col">
        <span className="zx-foot-h">Documentation</span>
        <a href="/quickstart">Quickstart</a>
        <a href="/mcp/overview">Build with agents</a>
        <a href="/ai-skill">For AI agents</a>
        <a href="/framework/overview">Zite.js</a>
        <a href="/api/overview">Database API</a>
        <a href="/build-api/overview">Build API</a>
      </div>

      <div className="zx-foot-col">
        <span className="zx-foot-h">Product</span>
        <a href="https://zite.com">Zite.com</a>
        <a href="https://app.zite.com">Dashboard</a>
        <a href="https://zite.com/database">Databases</a>
        <a href="https://zite.com/help">Help center</a>
      </div>

      <div className="zx-foot-col">
        <span className="zx-foot-h">Company</span>
        <a href="https://recruiting.zite.com/join-us">Careers</a>
        <a href="https://zite.com/enterprise">Enterprise</a>
        <a href="https://zite.com/blog">Blog</a>
      </div>
    </div>

    <div className="zx-foot-legal">
      <span>© 2026 Zite</span>

      <span>
        <a href="https://zite.com/privacy">Privacy</a>
        <a href="https://zite.com/terms">Terms</a>
      </span>
    </div>
  </section>
</div>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.