Estructura del proyecto

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.

En la Pestaña Code y cuando conectes con GitHub, verás la estructura completa del proyecto React/Vite:

src

pages

components

api

hooks

lib

utils

entities

functions

package.json

vite.config.js

tailwind.config.js

index.html

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.

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

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.

Esta página se tradujo con IA. Para información más precisa y actualizada, consulta la versión en inglés.