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

# Plataforma para desarrolladores Base44

> Crea y despliega apps full-stack con un backend gestionado y diseñado para agentes de IA.

<style>
  {`
    .top-cards {
      animation: inlineFadeIn 0.2s ease-out 0.15s forwards;
    }
    @keyframes inlineFadeIn {
      to { opacity: 1; }
    }
    /* Force 2-column grid before Tailwind loads */
    .top-cards > div {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 1rem !important;
    }
    @media (max-width: 640px) {
      .top-cards > div {
        grid-template-columns: 1fr !important;
      }
    }
    `}
</style>

## Empieza a crear con Base44

<div class="top-cards" style={{ opacity: 0 }}>
  <CardGroup cols={2}>
    <Card title="Backend Platform" icon="server" iconType="light" href="/developers/backend/overview/introduction">
      Backend gestionado y diseñado para agentes de IA. Define todo en código.

      [Explorar >](/developers/backend/overview/introduction)
    </Card>

    <Card title="App Code" icon="code" iconType="light" href="/developers/app-code/overview/introduction">
      Personaliza las apps generadas por Base44 con herramientas para desarrolladores.

      [Explorar >](/developers/app-code/overview/introduction)
    </Card>

    <Card title="CLI" icon="terminal" iconType="light" href="/developers/references/cli/get-started/overview">
      Crea proyectos de backend desde la línea de comandos.

      [Explorar >](/developers/references/cli/get-started/overview)
    </Card>

    <Card title="SDK Reference" icon="brackets-curly" iconType="light" href="/developers/references/sdk/getting-started/overview">
      Accede a los servicios de Base44 desde el código del frontend o del backend.

      [Explorar >](/developers/references/sdk/getting-started/overview)
    </Card>
  </CardGroup>
</div>

## Backend Platform

El mismo backend que da soporte al editor de apps de Base44, disponible como servicio independiente. Crea con cualquier framework de frontend mientras Base44 se encarga de:

* **[Gestión de datos](/developers/backend/resources/entities/overview)**: Almacena y consulta datos con esquemas flexibles y actualizaciones en tiempo real
* **[Funciones de backend](/developers/backend/resources/backend-functions/overview)**: Lógica personalizada del lado del servidor en un runtime seguro
* **[Agentes de IA](/developers/backend/resources/agents-config)**: Define asistentes de IA con herramientas y permisos de datos personalizados
* **[Integraciones](/developers/references/sdk/docs/type-aliases/integrations)**: Conexiones predefinidas a IA, correo electrónico, almacenamiento de archivos y más
* **[Autenticación](/developers/references/sdk/docs/interfaces/auth)**: Inicio de sesión integrado, autenticación social y manejo de sesiones
* **[Hosting](/developers/references/cli/commands/deploy)**: Despliega con un único comando, con HTTPS automático incluido

### Empezar

Empieza dejando que un agente de IA configure tu proyecto, o configúralo tú mismo con el CLI y luego continúa creando con IA.

<Tabs>
  <Tab title="Deja que la IA lo configure">
    Instala las [skills de Base44](/developers/backend/overview/skills) para que tu agente de código te ayude con el desarrollo en Base44:

    ```bash theme={null}
    npx skills add base44/skills -g
    ```

    Luego abre tu herramienta de IA para programación y prueba un prompt como este:

    *"Crea un nuevo proyecto de Base44 para una app de gestión de tareas con usuarios, tareas con fechas de vencimiento y niveles de prioridad, y asignaciones de equipo. Añade autenticación y despliégalo."*

    Tu agente instalará el CLI, creará el proyecto, definirá las entidades, escribirá el código y lo desplegará. [Aprende más sobre las skills >](/developers/backend/overview/skills)

    <Note>Es posible que se te pida autenticarte con Base44 durante la configuración.</Note>
  </Tab>

  <Tab title="Configúralo tú mismo">
    Para configurar un proyecto de backend tú mismo, ejecuta los siguientes comandos:

    <CodeGroup>
      ```bash Get started theme={null}
      npm install -g base44@latest  # Install the CLI
      base44 login                  # Authenticate
      base44 create                 # Create a project
      ```
    </CodeGroup>

    Tu proyecto viene con las [skills de Base44](/developers/backend/overview/skills) preinstaladas. Abre el proyecto con tu herramienta de IA para programación y describe qué quieres crear a continuación, o explora la documentación para entender cómo está estructurado tu proyecto y qué puedes crear.

    O empieza con una de nuestras plantillas:

    <CardGroup cols={3}>
      <Card title="Crear un proyecto solo backend" icon="server" iconType="light" href="/developers/backend/quickstart/quickstart-backend-only" />

      <Card title="Crear un proyecto con React" icon="react" href="/developers/backend/quickstart/quickstart-with-react" />

      <Card title="Ver apps de ejemplo" icon="arrow-up-right-from-square" iconType="light" href="https://github.com/base44/apps-examples" />
    </CardGroup>
  </Tab>
</Tabs>

## Desarrolla y depura tu app

<Tabs>
  <Tab title="Code Tab">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Trabaja directamente en tu código</h3>

        La pestaña Code te permite ver y editar el código fuente de tu app directamente, dándote control sobre la funcionalidad, el diseño y el comportamiento de tu app mientras ves los cambios al instante.

        <br />

        [Aprende más >](/developers/app-code/editor/code-tab)
      </div>

      <div class="tab-visual">
        <Frame caption="La interfaz de la pestaña Code">
          <img src="https://mintcdn.com/base44/HSXlsKQvBkYN-DXR/codeer.png?fit=max&auto=format&n=HSXlsKQvBkYN-DXR&q=85&s=845561c033d8e1acadf501429ed5efbb" alt="La interfaz de la pestaña Code" width="1915" height="958" data-path="codeer.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="Activity Monitor">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Depura y supervisa las solicitudes de la API</h3>

        El Monitor de actividad muestra todas las solicitudes que hace tu app mientras estás en la vista previa. Comprueba qué endpoints se llaman, consulta los códigos de estado y los tiempos, e inspecciona los detalles de las solicitudes y respuestas para depurar problemas.

        <br />

        [Aprende más >](/developers/app-code/editor/activity-monitor)
      </div>

      <div class="tab-visual">
        <Frame caption="El Monitor de actividad">
          <img src="https://mintcdn.com/base44/sBFooTVX9PqzuSkM/images/activitymontior.png?fit=max&auto=format&n=sBFooTVX9PqzuSkM&q=85&s=fa6d4999b690a782ecdebbf74881b255" alt="El Monitor de actividad" width="2530" height="1120" data-path="images/activitymontior.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="GitHub Integration">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Conecta tu app a GitHub</h3>

        Conecta tu app a GitHub para escribir código en tu entorno de desarrollo local o en Base44 y mantenerlos sincronizados entre sí.

        <br />

        [Aprende más >](/developers/app-code/local-development/github)
      </div>

      <div class="tab-visual">
        <Frame caption="Sincronización bidireccional con GitHub">
          <img src="https://mintcdn.com/base44/8-JwIy7QUSD-rZKI/images/ConnectGitHub.png?fit=max&auto=format&n=8-JwIy7QUSD-rZKI&q=85&s=4ec089fc2931c1bdfb98c4aca283182b" alt="Indicación de conexión a GitHub" className="mx-auto" width="429" height="218" data-path="images/ConnectGitHub.png" />
        </Frame>
      </div>
    </div>
  </Tab>

  <Tab title="Project Structure">
    <div class="tab-columns">
      <div class="tab-text">
        <h3 style={{ marginTop: 0 }}>Comprende la organización de archivos de tu app</h3>

        Las apps de Base44 son apps estándar de React creadas con Vite. Tu proyecto incluye herramientas modernas de desarrollo web e integración fluida con el backend de Base44.

        <br />

        [Aprende más >](/developers/app-code/overview/project-structure)
      </div>

      <div class="tab-visual">
        <Frame caption="Estructura de archivos del proyecto">
          <div style={{ backgroundColor: '#f1f5f9', padding: '1.25rem', borderRadius: '0.75rem', border: '1px solid #e2e8f0' }}>
            <Tree>
              <Tree.Folder name="src" defaultOpen>
                <Tree.Folder name="pages" />

                <Tree.Folder name="components" />

                <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>
          </div>
        </Frame>
      </div>
    </div>
  </Tab>
</Tabs>

## Servidores MCP

Base44 ofrece dos servidores MCP: uno para crear y gestionar proyectos de backend, y otro para buscar en la documentación.

```json theme={null}
{
  "mcpServers": {
    "base44": {
      "type": "http",
      "url": "https://app.base44.com/mcp"
    },
    "base44-docs": {
      "type": "http",
      "url": "https://docs.base44.com/mcp"
    }
  }
}
```

* **[Servidor MCP de Base44](/developers/backend/overview/mcp-server)** (`app.base44.com/mcp`): Crea y gestiona proyectos, lista tus proyectos y consulta datos de proyectos. Requiere inicio de sesión OAuth.
* **[Servidor MCP de documentación](/developers/backend/overview/base44-docs-mcp)** (`docs.base44.com/mcp`): Busca en la documentación de Base44 desde tu herramienta de IA. No requiere autenticación.

## Explorar

<CardGroup cols={2}>
  <Card title="Editar código generado" icon="code" iconType="light" href="/developers/app-code/editor/code-tab" horizontal />

  <Card title="Añadir funciones serverless" icon="function" iconType="light" href="/developers/backend/resources/backend-functions/overview" horizontal />

  <Card title="Definir modelos de datos" icon="database" iconType="light" href="/developers/backend/resources/entities/overview" horizontal />

  <Card title="Desplegar un proyecto" icon="rocket" iconType="light" href="/developers/references/cli/commands/deploy" horizontal />

  <Card title="Autenticación de usuarios" icon="key" iconType="light" href="/developers/references/sdk/docs/interfaces/auth" horizontal />

  <Card title="Configurar agentes de IA" icon="robot" iconType="light" href="/developers/backend/resources/agents-config" horizontal />
</CardGroup>

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