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

# Einrichtung der lokalen Entwicklung

> Richte den Base44-Dev-Server ein und verbinde dein Frontend damit

Die lokale Entwicklung führt zwei Prozesse nebeneinander aus. Der Base44-Dev-Server übernimmt dein Backend, und dein üblicher Frontend-Dev-Server führt die UI aus. Dein Frontend kommuniziert mit dem lokalen Backend über das SDK.

## Voraussetzungen

Wenn dein Projekt Backend-Funktionen hat, musst du [Deno](https://docs.deno.com/runtime/getting_started/installation/) installieren, um sie lokal auszuführen.

## Deinen Frontend-Client konfigurieren

Wenn dein Projekt ein Frontend hat, das das SDK verwendet, musst du ihm sagen, wohin es Anfragen senden soll. Standardmäßig sendet das SDK Anfragen an das gehostete Backend von Base44. Um stattdessen den lokalen Dev-Server zu verwenden, übergib `serverUrl` an deine Client-Konfiguration, wenn du im Entwicklungsmodus ausführst. In der Produktion lasse `serverUrl` weg, damit das SDK seinen Standard verwendet.

Der Ansatz besteht darin, zu erkennen, ob dein Code in einer Entwicklungsumgebung läuft, und dann `serverUrl` bedingt auf den lokalen Dev-Server zu setzen. Die meisten Frameworks bieten dafür eine eingebaute Methode.

<Steps>
  <Step title="Entwicklungsmodus erkennen">
    Verwende das Muster, das zu deiner Umgebung passt:

    <CodeGroup>
      ```javascript Vite theme={null}
      const isDev = import.meta.env.DEV;
      ```

      ```javascript Node.js, Webpack, Next.js theme={null}
      const isDev = process.env.NODE_ENV !== "production";
      ```

      ```javascript React Native theme={null}
      const isDev = __DEV__;
      ```

      ```javascript Deno theme={null}
      const isDev = Deno.env.get("DENO_ENV") !== "production";
      ```
    </CodeGroup>
  </Step>

  <Step title="serverUrl bedingt übergeben">
    Wenn du den Client erstellst, füge `serverUrl` nur in der Entwicklung hinzu:

    ```javascript theme={null}
    import { createClient } from "@base44/sdk";

    const base44 = createClient({
      appId: "your-app-id",
      ...(isDev && { serverUrl: "http://localhost:4400" }),
    });
    ```

    * In der Entwicklung ist `isDev` `true` und das SDK sendet Anfragen an `localhost:4400`
    * In Produktionsbuilds ist `isDev` `false`, `serverUrl` wird ausgelassen, und das SDK verwendet das Standard-Backend von Base44
  </Step>
</Steps>

## Die Dev-Server ausführen

Jedes Mal, wenn du lokal entwickelst, brauchst du zwei Terminals, die nebeneinander laufen.

<Steps>
  <Step title="Backend starten">
    Führe in einem Terminal [`dev`](/developers/references/cli/commands/dev) aus deinem Projektverzeichnis aus:

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

    Dadurch wird das lokale Backend unter `http://localhost:4400` gestartet.
  </Step>

  <Step title="Frontend starten">
    Starte in einem zweiten Terminal deinen Frontend-Dev-Server wie gewohnt. Zum Beispiel mit Vite:

    ```bash theme={null}
    npm run dev
    ```

    Alle SDK-Aufrufe aus deinem Frontend gehen nun an den lokalen Base44-Dev-Server.
  </Step>
</Steps>

## Siehe auch

* [Übersicht der lokalen Entwicklung](/developers/backend/overview/local-dev/local-development-overview): Was lokal läuft, was weitergeleitet wird und wie es funktioniert
* [`dev`](/developers/references/cli/commands/dev): CLI-Befehlsreferenz mit Flags
* [`serverUrl`](/developers/references/sdk/docs/functions/createClient): SDK-Client-Konfiguration

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