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

# React Quickstart

> Erstelle ein Full-Stack-Base44-Projekt mit einem Base44-Backend und einem Vite-gestützten React-Frontend

Folge diesem Quickstart, um ein Projekt zu erstellen, eine Entität zu definieren und deine App lokal auszuführen. Dieses Projekt enthält einen vorkonfigurierten Base44-SDK-Client, UI-Komponenten und Tailwind-CSS-Styling.

<Note>Die CLI erfordert Node.js 20.19.0 oder höher.</Note>

## Einrichtung

<Steps>
  <Step title="Base44 CLI installieren">
    Installiere die Base44 CLI global:

    ```bash theme={null}
    npm install -g base44@latest
    ```
  </Step>

  <Step title="Ein Projekt erstellen">
    Erstelle ein neues Base44-Projekt:

    ```bash theme={null}
    base44 create
    ```

    Wenn du noch nicht eingeloggt bist, fordert dich der Befehl auf, dich zu authentifizieren.

    Wähle **Start from a template**, wenn du dazu aufgefordert wirst, und folge dann den Eingabeaufforderungen, um dein Projekt zu konfigurieren, Entitäten zu pushen und deine Site zu deployen.
  </Step>
</Steps>

Nach Abschluss siehst du deinen Projektnamen, einen Link zu deinem Base44-Dashboard und die URL deiner laufenden Anwendung.

Die generierte Projektstruktur:

<Tree>
  <Tree.Folder name="<your-project-name>" defaultOpen>
    <Tree.Folder name="base44" defaultOpen>
      <Tree.File name=".app.jsonc" />

      <Tree.File name="config.jsonc" />

      <Tree.Folder name="entities" defaultOpen>
        <Tree.File name="task.jsonc" />
      </Tree.Folder>
    </Tree.Folder>

    <Tree.Folder name="src" defaultOpen>
      <Tree.Folder name="api">
        <Tree.File name="base44Client.js" />
      </Tree.Folder>

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

        <Tree.File name="Base44Logo.jsx" />
      </Tree.Folder>

      <Tree.File name="App.jsx" />

      <Tree.File name="main.jsx" />

      <Tree.File name="index.css" />
    </Tree.Folder>

    <Tree.File name=".gitignore" />

    <Tree.File name=".nvmrc" />

    <Tree.File name="components.json" />

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

    <Tree.File name="jsconfig.json" />

    <Tree.File name="package.json" />

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

    <Tree.File name="README.md" />

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

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

Weitere Informationen zu den Dateien in diesem Projekt findest du unter [Projektstruktur](/developers/backend/overview/project-structure).

Dieses Projekt enthält eine Beispiel-`Task`-[Entität](/developers/references/entities/introduction) in `base44/entities/task.jsonc`, die während der Projekterstellung zu Base44 gepusht wurde. Du kannst diese Entität ändern oder weitere erstellen.

## Nächste Schritte

Nun, da dein Base44-Backend in dein Projekt integriert ist, kannst du:

* Das [SDK](/developers/references/sdk/getting-started/overview) verwenden, um deinem Frontend weitere Funktionalität hinzuzufügen.
* [Entitäten](/developers/backend/resources/entities/overview), [Backend-Funktionen](/developers/backend/resources/functions) und [Agenten](/developers/backend/resources/agents-config) hinzufügen. Wenn du in TypeScript arbeitest, [generiere Typen](/developers/references/sdk/getting-started/dynamic-types), um Autovervollständigung und Typsicherheit zu erhalten.
* Lokal testen, indem du [`base44 dev`](/developers/references/cli/commands/dev) für das Backend und `npm run dev` für das Frontend ausführst. Siehe [Lokale Entwicklung](/developers/backend/overview/local-dev/local-development-overview) für Einrichtungsanweisungen.
* Updates mit [`base44 deploy`](/developers/references/cli/commands/deploy) veröffentlichen.
* Deine veröffentlichte Site mit [`base44 site open`](/developers/references/cli/commands/site-open) öffnen.

Dein Projekt enthält [Base44 skills](/developers/backend/overview/base44-skills), die KI-Coding-Assistenten beibringen, wie sie mit Base44 arbeiten. Du kannst dein Projekt in Cursor, Claude Code oder deinem bevorzugten KI-Assistenten öffnen und beschreiben, was du erstellen möchtest.

## Siehe auch

* [CLI-Befehlsreferenz](/developers/references/cli/commands/introduction): Alle verfügbaren CLI-Befehle
* [Projektstruktur](/developers/backend/overview/project-structure): Wie Projektressourcen organisiert sind
* [Entitäten](/developers/references/entities/introduction): Lerne mehr über die Datenbankschema-Konfiguration
* [Beispiel-Apps](https://github.com/base44/apps-examples): Beispielprojekte zum Lernen

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