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

# Base44 Entwicklerplattform

> Erstelle und veröffentliche Full-Stack-Apps mit einem verwalteten Backend, das für KI-Agenten konzipiert ist.

<style>
  {`
    .top-cards {
      animation: inlineFadeIn 0.2s ease-out 0.15s forwards;
    }
    @keyframes inlineFadeIn {
      to { opacity: 1; }
    }
    /* Force 2-column grid before Tailwind loads */
    .top-cards > div {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 1rem !important;
    }
    @media (max-width: 640px) {
      .top-cards > div {
        grid-template-columns: 1fr !important;
      }
    }
    `}
</style>

## Mit Base44 loslegen

<div class="top-cards" style={{ opacity: 0 }}>
  <CardGroup cols={2}>
    <Card title="Backend Platform" icon="server" iconType="light" href="/developers/backend/overview/introduction">
      Verwaltetes Backend, das für KI-Agenten konzipiert ist. Definiere alles im Code.

      [Entdecken >](/developers/backend/overview/introduction)
    </Card>

    <Card title="App Code" icon="code" iconType="light" href="/developers/app-code/overview/introduction">
      Passe von Base44 generierte Apps mit Entwickler-Tools an.

      [Entdecken >](/developers/app-code/overview/introduction)
    </Card>

    <Card title="CLI" icon="terminal" iconType="light" href="/developers/references/cli/get-started/overview">
      Erstelle Backend-Projekte über die Befehlszeile.

      [Entdecken >](/developers/references/cli/get-started/overview)
    </Card>

    <Card title="SDK Reference" icon="brackets-curly" iconType="light" href="/developers/references/sdk/getting-started/overview">
      Greife aus dem Frontend- oder Backend-Code auf Base44-Dienste zu.

      [Entdecken >](/developers/references/sdk/getting-started/overview)
    </Card>
  </CardGroup>
</div>

## Backend Platform

Dasselbe Backend, das den App-Editor von Base44 antreibt, verfügbar als eigenständiger Dienst. Erstelle mit einem beliebigen Frontend-Framework, während Base44 sich um Folgendes kümmert:

* **[Datenverwaltung](/developers/backend/resources/entities/overview)**: Speichere und frage Daten mit flexiblen Schemas und Echtzeit-Updates ab
* **[Backend-Funktionen](/developers/backend/resources/backend-functions/overview)**: Eigene serverseitige Logik in einer sicheren Laufzeit
* **[KI-Agenten](/developers/backend/resources/agents-config)**: Definiere KI-Assistenten mit eigenen Tools und Datenberechtigungen
* **[Integrationen](/developers/references/sdk/docs/type-aliases/integrations)**: Vorgefertigte Verbindungen zu KI, E-Mail, Dateispeicher und mehr
* **[Authentifizierung](/developers/references/sdk/docs/interfaces/auth)**: Eingebautes Login, Social-Auth und Sitzungsverwaltung
* **[Hosting](/developers/references/cli/commands/deploy)**: Veröffentliche mit einem einzigen Befehl, automatisches HTTPS inklusive

### Loslegen

Lege los, indem du einen KI-Coding-Agenten dein Projekt einrichten lässt, oder richte es selbst mit der CLI ein und entwickle dann mit KI weiter.

<Tabs>
  <Tab title="KI einrichten lassen">
    Installiere [Base44 skills](/developers/backend/overview/skills), damit dein Coding-Agent dich bei der Base44-Entwicklung unterstützen kann:

    ```bash theme={null}
    npx skills add base44/skills -g
    ```

    Öffne dann dein KI-Coding-Tool und probiere einen Prompt wie diesen:

    *"Erstelle ein neues Base44-Projekt für eine Aufgabenverwaltungs-App mit Benutzern, Aufgaben mit Fälligkeitsdaten und Prioritätsstufen sowie Team-Zuweisungen. Füge Authentifizierung hinzu und veröffentliche es."*

    Dein Agent installiert die CLI, erstellt das Projekt, definiert Entitäten, schreibt Code und veröffentlicht. [Mehr über skills erfahren >](/developers/backend/overview/skills)

    <Note>Möglicherweise wirst du während der Einrichtung aufgefordert, dich bei Base44 zu authentifizieren.</Note>
  </Tab>

  <Tab title="Selbst einrichten">
    Um ein Backend-Projekt selbst einzurichten, führe die folgenden Befehle aus:

    <CodeGroup>
      ```bash Get started theme={null}
      npm install -g base44@latest  # Install the CLI
      base44 login                  # Authenticate
      base44 create                 # Create a project
      ```
    </CodeGroup>

    Dein Projekt enthält bereits vorinstallierte [Base44 skills](/developers/backend/overview/skills). Öffne das Projekt mit deinem KI-Coding-Tool und beschreibe, was du als Nächstes erstellen möchtest, oder erkunde die Dokumentation, um zu verstehen, wie dein Projekt strukturiert ist und was du erstellen kannst.

    Oder starte mit einer unserer Vorlagen:

    <CardGroup cols={3}>
      <Card title="Backend-only-Projekt erstellen" icon="server" iconType="light" href="/developers/backend/quickstart/quickstart-backend-only" />

      <Card title="Projekt mit React erstellen" icon="react" href="/developers/backend/quickstart/quickstart-with-react" />

      <Card title="Beispiel-Apps ansehen" icon="arrow-up-right-from-square" iconType="light" href="https://github.com/base44/apps-examples" />
    </CardGroup>
  </Tab>
</Tabs>

## App entwickeln und debuggen

<Tabs>
  <Tab title="Code Tab">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Direkt im Code arbeiten</h3>

        Der Code-Tab ermöglicht es dir, den Quellcode deiner App direkt anzusehen und zu bearbeiten. So hast du die Kontrolle über Funktionalität, Design und Verhalten deiner App und siehst Änderungen sofort.

        <br />

        [Mehr erfahren >](/developers/app-code/editor/code-tab)
      </div>

      <div class="tab-visual">
        <Frame caption="Die Oberfläche des Code-Tabs">
          <img src="https://mintcdn.com/base44/HSXlsKQvBkYN-DXR/codeer.png?fit=max&auto=format&n=HSXlsKQvBkYN-DXR&q=85&s=845561c033d8e1acadf501429ed5efbb" alt="Die Oberfläche des Code-Tabs" width="1915" height="958" data-path="codeer.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="Activity Monitor">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>API-Anfragen debuggen und überwachen</h3>

        Der Activity Monitor zeigt jede Anfrage, die deine App in der Vorschau stellt. Prüfe, welche Endpunkte aufgerufen werden, sieh Statuscodes und Zeiten und untersuche Anfrage- und Antwortdetails, um Probleme zu beheben.

        <br />

        [Mehr erfahren >](/developers/app-code/editor/activity-monitor)
      </div>

      <div class="tab-visual">
        <Frame caption="Der Activity Monitor">
          <img src="https://mintcdn.com/base44/sBFooTVX9PqzuSkM/images/activitymontior.png?fit=max&auto=format&n=sBFooTVX9PqzuSkM&q=85&s=fa6d4999b690a782ecdebbf74881b255" alt="Der Activity Monitor" width="2530" height="1120" data-path="images/activitymontior.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="GitHub Integration">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>App mit GitHub verbinden</h3>

        Verbinde deine App mit GitHub, um Code in deiner lokalen Entwicklungsumgebung oder in Base44 zu schreiben und beide miteinander synchron zu halten.

        <br />

        [Mehr erfahren >](/developers/app-code/local-development/github)
      </div>

      <div class="tab-visual">
        <Frame caption="GitHub 2-Wege-Sync">
          <img src="https://mintcdn.com/base44/8-JwIy7QUSD-rZKI/images/ConnectGitHub.png?fit=max&auto=format&n=8-JwIy7QUSD-rZKI&q=85&s=4ec089fc2931c1bdfb98c4aca283182b" alt="GitHub-Verbindungsdialog" className="mx-auto" width="429" height="218" data-path="images/ConnectGitHub.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="Project Structure">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Die Dateistruktur deiner App verstehen</h3>

        Base44-Apps sind standardmäßige React-Apps, die mit Vite erstellt werden. Dein Projekt enthält moderne Web-Entwicklungstools und eine nahtlose Base44-Backend-Integration.

        <br />

        [Mehr erfahren >](/developers/app-code/overview/project-structure)
      </div>

      <div class="tab-visual">
        <Frame caption="Projektdateistruktur">
          <div style={{ backgroundColor: '#f1f5f9', padding: '1.25rem', borderRadius: '0.75rem', border: '1px solid #e2e8f0' }}>
            <Tree>
              <Tree.Folder name="src" defaultOpen>
                <Tree.Folder name="pages" />

                <Tree.Folder name="components" />

                <Tree.Folder name="api" />

                <Tree.Folder name="hooks" />

                <Tree.Folder name="lib" />

                <Tree.Folder name="utils" />
              </Tree.Folder>

              <Tree.Folder name="entities" />

              <Tree.Folder name="functions" />
            </Tree>
          </div>
        </Frame>
      </div>
    </div>
  </Tab>
</Tabs>

## MCP-Server

Base44 stellt zwei MCP-Server bereit: einen für das Erstellen und Verwalten von Backend-Projekten und einen für die Suche in der Dokumentation.

```json theme={null}
{
  "mcpServers": {
    "base44": {
      "type": "http",
      "url": "https://app.base44.com/mcp"
    },
    "base44-docs": {
      "type": "http",
      "url": "https://docs.base44.com/mcp"
    }
  }
}
```

* **[Base44 MCP-Server](/developers/backend/overview/mcp-server)** (`app.base44.com/mcp`): Erstelle und verwalte Projekte, liste deine Projekte auf und frage Projektdaten ab. Erfordert OAuth-Anmeldung.
* **[Docs MCP-Server](/developers/backend/overview/base44-docs-mcp)** (`docs.base44.com/mcp`): Durchsuche die Base44-Dokumentation aus deinem KI-Tool. Keine Authentifizierung erforderlich.

## Entdecken

<CardGroup cols={2}>
  <Card title="Generierten Code bearbeiten" icon="code" iconType="light" href="/developers/app-code/editor/code-tab" horizontal />

  <Card title="Serverless-Funktionen hinzufügen" icon="function" iconType="light" href="/developers/backend/resources/backend-functions/overview" horizontal />

  <Card title="Datenmodelle definieren" icon="database" iconType="light" href="/developers/backend/resources/entities/overview" horizontal />

  <Card title="Projekt veröffentlichen" icon="rocket" iconType="light" href="/developers/references/cli/commands/deploy" horizontal />

  <Card title="Benutzer-Authentifizierung" icon="key" iconType="light" href="/developers/references/sdk/docs/interfaces/auth" horizontal />

  <Card title="KI-Agenten konfigurieren" icon="robot" iconType="light" href="/developers/backend/resources/agents-config" horizontal />
</CardGroup>

<Note>Diese Seite wurde mit KI übersetzt. Für die genauesten und aktuellsten Informationen siehe die [englische Version](/). </Note>