> ## 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.

# Projektstruktur

> Verstehe die Organisation und die wichtigsten Dateien in deinem Base44-App-Projekt

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.

## Projektstruktur

Im [Code-Tab](../editor/code-tab) und wenn du [GitHub verbindest](../local-development/github), siehst du die vollständige React/Vite-Projektstruktur:

<Tree>
  <Tree.Folder name="src" defaultOpen>
    <Tree.Folder name="pages" />

    <Tree.Folder name="components">
      <Tree.Folder name="ui" />
    </Tree.Folder>

    <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.File name="package.json" />

  <Tree.File name="vite.config.js" />

  <Tree.File name="tailwind.config.js" />

  <Tree.File name="index.html" />
</Tree>

### Projektverzeichnisse

Dein Projekt enthält die folgenden Verzeichnisse:

* **`src/`** - Frontend-App-Code, organisiert in diesen Verzeichnissen:
  * `pages` - Die Seiten in deiner App. Jede Datei ist eine Route. `Home.jsx` wird zu `/`, `Settings.jsx` zu `/settings`.
  * `components` - Wiederverwendbare UI-Elemente. Der Unterordner `ui/` enthält vorgefertigte UI-Komponenten.
  * `api` - Konfiguration des Base44-SDK-Clients für die Kommunikation mit deinem Backend.
  * `hooks` - Eigene React-Hooks für UI- und State-Management.
  * `lib` - Base44-Integration und App-Konfigurationscode.
  * `utils` - Utility-Funktionen und Helper-Methoden.

* **`entities/`** - Deine Datenmodell-Definitionen. Jede Entität hat eine JSON-Schema-Datei, die ihre Felder definiert.

* **`functions/`** - Backend-Funktionen für Backend-Logik. Jede TypeScript-Datei in diesem Verzeichnis ist eine separate Funktion.

<Note>
  **Entitäten:** Bei Verwendung der GitHub-2-Wege-Integration werden Entitäten in Base44 verwaltet und sind nicht in deinem lokalen Repository enthalten.
</Note>

### Konfigurationsdateien

Das Stammverzeichnis enthält die gesamte Konfiguration, die für den eigenständigen Betrieb erforderlich ist:

* `package.json` - Abhängigkeiten und Skripte (enthält @base44/sdk)
* `vite.config.js` - Build-Konfiguration mit Base44-Plugin
* `tailwind.config.js` - Styling-Konfiguration
* `index.html` - Haupt-HTML-Einstiegspunkt

## Lokal ausführen

Um das exportierte Projekt lokal auszuführen: `npm install` und dann `npm run dev`.

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