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

# Configuración del desarrollo local

> Configura el servidor de desarrollo de Base44 y conecta tu frontend

El desarrollo local ejecuta dos procesos en paralelo. El servidor de desarrollo de Base44 se encarga de tu backend, y tu servidor de desarrollo de frontend habitual ejecuta la UI. Tu frontend habla con el backend local a través del SDK.

## Requisitos previos

Si tu proyecto tiene funciones de backend, necesitas instalar [Deno](https://docs.deno.com/runtime/getting_started/installation/) para ejecutarlas localmente.

## Configura el cliente del frontend

Si tu proyecto tiene un frontend que usa el SDK, necesitas decirle dónde enviar las solicitudes. Por defecto, el SDK envía las solicitudes al backend alojado de Base44. Para usar el servidor de desarrollo local en su lugar, pasa `serverUrl` a la configuración del cliente cuando se ejecute en modo desarrollo. En producción, omite `serverUrl` para que el SDK use su valor predeterminado.

El enfoque es detectar si tu código se está ejecutando en un entorno de desarrollo y luego establecer `serverUrl` condicionalmente para que apunte al servidor de desarrollo local. La mayoría de los frameworks ofrecen una forma integrada de comprobarlo.

<Steps>
  <Step title="Detecta el modo desarrollo">
    Usa el patrón que coincida con tu entorno:

    <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="Pasa serverUrl condicionalmente">
    Al crear el cliente, incluye `serverUrl` solo en desarrollo:

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

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

    * En desarrollo, `isDev` es `true` y el SDK envía las solicitudes a `localhost:4400`
    * En las builds de producción, `isDev` es `false`, `serverUrl` se omite y el SDK usa el backend de Base44 predeterminado
  </Step>
</Steps>

## Ejecuta los servidores de desarrollo

Cada vez que desarrolles localmente, necesitas dos terminales en paralelo.

<Steps>
  <Step title="Inicia el backend">
    En una terminal, ejecuta [`dev`](/developers/references/cli/commands/dev) desde el directorio de tu proyecto:

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

    Esto inicia el backend local en `http://localhost:4400`.
  </Step>

  <Step title="Inicia el frontend">
    En una segunda terminal, inicia tu servidor de desarrollo de frontend como lo harías normalmente. Por ejemplo, con Vite:

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

    Todas las llamadas del SDK desde tu frontend ahora van al servidor de desarrollo local de Base44.
  </Step>
</Steps>

## Ver también

* [Resumen del desarrollo local](/developers/backend/overview/local-dev/local-development-overview): Qué se ejecuta localmente, qué se reenvía y cómo funciona
* [`dev`](/developers/references/cli/commands/dev): Referencia del comando del CLI con flags
* [`serverUrl`](/developers/references/sdk/docs/functions/createClient): Configuración del cliente del SDK

<Note>Esta página se tradujo con IA. Para información más precisa y actualizada, consulta la [versión en inglés](/). </Note>