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

# Estructura del proyecto

> Comprende la organización y los archivos clave de tu proyecto de app de Base44

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.

## Estructura del proyecto

En la [Pestaña Code](../editor/code-tab) y cuando [conectes con GitHub](../local-development/github), verás la estructura completa del proyecto React/Vite:

<Tree>
  <Tree.Folder name="src" defaultOpen>
    <Tree.Folder name="pages" />

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

    <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.File name="package.json" />

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

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

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

### Directorios del proyecto

Tu proyecto contiene los siguientes directorios:

* **`src/`** - Código frontend de la app organizado en estos directorios:
  * `pages` - Las páginas de tu app. Cada archivo es una ruta. `Home.jsx` se convierte en `/`, `Settings.jsx` se convierte en `/settings`.
  * `components` - Elementos de interfaz reutilizables. La subcarpeta `ui/` contiene componentes de UI predefinidos.
  * `api` - Configuración del cliente SDK de Base44 para comunicarse con tu backend.
  * `hooks` - Hooks personalizados de React para UI y gestión de estado.
  * `lib` - Código de integración de Base44 y configuración de la app.
  * `utils` - Funciones de utilidad y métodos auxiliares.

* **`entities/`** - Definiciones de tu modelo de datos. Cada entidad tiene un archivo de esquema JSON que define sus campos.

* **`functions/`** - Funciones de backend para la lógica de servidor. Cada archivo TypeScript en este directorio es una función separada.

<Note>
  **Entidades:** Cuando usas la integración bidireccional con GitHub, las entidades se gestionan en Base44 y no se incluyen en tu repositorio local.
</Note>

### Archivos de configuración

El directorio raíz incluye toda la configuración necesaria para ejecutarse de forma independiente:

* `package.json` - Dependencias y scripts (incluye @base44/sdk)
* `vite.config.js` - Configuración de build con el plugin de Base44
* `tailwind.config.js` - Configuración de estilos
* `index.html` - Punto de entrada HTML principal

## Ejecutar localmente

Para ejecutar el proyecto exportado localmente: `npm install` y luego `npm run dev`.

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