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

# Configuration du développement local

> Configurez le serveur de développement Base44 et connectez-y votre frontend

Le développement local exécute deux processus côte à côte. Le serveur de développement Base44 gère votre backend, et votre serveur de développement frontend habituel exécute l'UI. Votre frontend communique avec le backend local via le SDK.

## Prérequis

Si votre projet contient des fonctions backend, vous devez installer [Deno](https://docs.deno.com/runtime/getting_started/installation/) pour les exécuter localement.

## Configurer votre client frontend

Si votre projet a un frontend qui utilise le SDK, vous devez lui indiquer où envoyer les requêtes. Par défaut, le SDK envoie les requêtes au backend hébergé de Base44. Pour utiliser le serveur de développement local à la place, passez `serverUrl` à la configuration de votre client en mode développement. En production, omettez `serverUrl` pour que le SDK utilise sa valeur par défaut.

L'approche consiste à détecter si votre code s'exécute dans un environnement de développement, puis à définir conditionnellement `serverUrl` pour pointer vers le serveur de développement local. La plupart des frameworks fournissent un moyen intégré de vérifier cela.

<Steps>
  <Step title="Détecter le mode développement">
    Utilisez le modèle correspondant à votre environnement :

    <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="Passer serverUrl conditionnellement">
    Lors de la création du client, incluez `serverUrl` uniquement en développement :

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

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

    * En développement, `isDev` est `true` et le SDK envoie les requêtes à `localhost:4400`
    * Dans les builds de production, `isDev` est `false`, `serverUrl` est omis et le SDK utilise le backend Base44 par défaut
  </Step>
</Steps>

## Exécuter les serveurs de développement

Chaque fois que vous développez localement, vous avez besoin de deux terminaux fonctionnant côte à côte.

<Steps>
  <Step title="Démarrer le backend">
    Dans un terminal, exécutez [`dev`](/developers/references/cli/commands/dev) depuis le répertoire de votre projet :

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

    Cela démarre le backend local sur `http://localhost:4400`.
  </Step>

  <Step title="Démarrer le frontend">
    Dans un second terminal, démarrez votre serveur de développement frontend comme vous le feriez normalement. Par exemple, avec Vite :

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

    Tous les appels SDK depuis votre frontend vont maintenant au serveur de développement Base44 local.
  </Step>
</Steps>

## Voir aussi

* [Présentation du développement local](/developers/backend/overview/local-dev/local-development-overview) : ce qui s'exécute localement, ce qui est redirigé et comment cela fonctionne
* [`dev`](/developers/references/cli/commands/dev) : référence des commandes CLI avec flags
* [`serverUrl`](/developers/references/sdk/docs/functions/createClient) : configuration du client SDK

<Note>Cette page a été traduite à l'aide de l'IA. Pour les informations les plus précises et à jour, consultez la [version anglaise](/). </Note>