> ## Documentation Index
> Fetch the complete documentation index at: https://docs.elata.bio/llms.txt
> Use this file to discover all available pages before exploring further.

# Crear demostración de Elata

> Cree una aplicación de inicio de Elata lista para ejecutar a partir de una plantilla.

<Warning>
  **Problema conocido:** el `create-elata-demo` 0.12.1 del repositorio tiene un bloqueador de empaquetado y no se inicia sin los metadatos del espacio de trabajo hermano. Verifique una versión fija antes de usarla. Por ahora, siga [Agregar rPPG a una aplicación existente](/es/sdk/tutorials/rppg-existing-app) para configurar el SDK en su propia aplicación web. Ver [Qué hay en vivo](/es/overview/status).
</Warning>

<a id="what-it-is" />

## que es

`@elata-biosciences/create-elata-demo` genera una aplicación Vite + React funcional conectada al SDK de Elata. Es la forma más rápida de ejecutar una aplicación y una base de referencia conocida antes de integrar los SDK en su propio proyecto.

***

<a id="templates" />

## Plantillas

| Plantilla | Alias | lo que obtienes | Hardware |
| - | - | - | - |
| `rppg-demo` | `rppg` | Pulso de cámara y arranque rPPG . **El valor predeterminado.** | cámara web |
| `eeg-demo` | `eeg` | Navegador EEG iniciador para cableado SDK, con soporte Muse Web Bluetooth | Musa (opcional) |
| `eeg-ble` | `ble` | Iniciador Bluetooth EEG primero con el flujo de emparejamiento del navegador | musa |
| `ppg-demo` | `ppg`, `muse-ppg` | Arrancador de diadema PPG que muestra BPM, RMSSD y diagnóstico en vivo | musa |
| `pulse-game` | `pulse`, `recovery` | rPPG juego de recuperación que se ejecuta en un iframe de espacio aislado y guarda puntuaciones con `app-metrics`, de principio a fin | cámara web |

<Tip>
  ¿Edificio para Elata? `pulse-game` muestra el patrón Elata completo: la aplicación se ejecuta en un iframe y habla con un host a través del puente de métricas [Métricas y puntuaciones](/es/apps/platform/metrics-and-scores).
</Tip>

***

<a id="usage" />

## Uso

<CodeGroup>
  ```bash npm theme={null}
  # Interactive: pick a template, then a project name
  npm create @elata-biosciences/elata-demo my-app

  # Pick a template directly
  npm create @elata-biosciences/elata-demo my-app -- --template rppg
  npm create @elata-biosciences/elata-demo my-app -- --template eeg-ble
  npm create @elata-biosciences/elata-demo my-app -- --template ppg
  npm create @elata-biosciences/elata-demo my-app -- --template pulse-game

  # List templates
  npx @elata-biosciences/create-elata-demo --list-templates
  ```

  ```bash pnpm theme={null}
  pnpm create @elata-biosciences/elata-demo my-app
  pnpm create @elata-biosciences/elata-demo my-app -- --template rppg
  pnpm dlx @elata-biosciences/create-elata-demo --list-templates
  ```
</CodeGroup>

| Bandera | Significado |
| - | - |
| `--template <name>` o `--template=<name>` | Elija una plantilla o alias |
| `--list-templates` | Imprime las plantillas disponibles |

Sin `--template`, la CLI le pide que elija uno cuando se ejecuta de forma interactiva y usa `rppg-demo` en caso contrario. Si omite el directorio del proyecto, le pedirá un nombre.

***

<a id="what-you-get" />

## lo que obtienes

Cada aplicación generada incluye:

* una aplicación Vite + React + TypeScript
* Paquetes de Elata anclados a un conjunto de versiones compatibles
* una plantilla específica `README.md`
* `npm run dev`: inicia el servidor de desarrollo
* `npm run build`: escriba la verificación y construya en `dist/`
* `npm run build:zip`: construye y escribe `app.zip`, listo para [subir a Elata](/es/apps/build/launch-your-app)

```bash theme={null}
cd my-app
npm install
npm run dev
```

***

<a id="inside-another-pnpm-workspace" />

## Dentro de otro espacio de trabajo pnpm

Si realiza scaffolding dentro de un espacio de trabajo `pnpm` existente que no incluye la nueva carpeta, instálelo y ejecútelo fuera del espacio de trabajo:

```bash theme={null}
pnpm --dir my-app --ignore-workspace install
pnpm --dir my-app --ignore-workspace run dev
```

***

<a id="scaffolder-or-example-apps" />

## ¿Andamio o aplicaciones de ejemplo?

| Si quieres... | uso |
| - | - |
| Un inicio limpio con dependencias fijadas | `create-elata-demo` |
| Aplicaciones completas en forma de producto con enrutamiento, bucles de juego y gráficos | [Aplicaciones de ejemplo](/es/sdk/guides/example-apps) |

***

<a id="next" />

## Siguiente

<CardGroup cols={3}>
  <Card title="Tu primera aplicación" icon="rocket" href="/es/sdk/tutorials/first-app">
    Armado y ejecución de una aplicación de inicio
  </Card>

  <Card title="Elija un paquete" icon="compass" href="/es/sdk/guides/choose-the-right-package">
    Guía de decisión de paquetes
  </Card>

  <Card title="Publicar en Elata" icon="store" href="/es/apps/build/launch-your-app">
    Sube tu aplicación
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.