La plataforma
Esta lección recorre las áreas principales del producto para que sepas dónde está cada cosa antes de empezar a construir.
Empieza en Studio
Cada proyecto se abre en Studio — el constructor de apps con IA dentro del panel (/projects/{id} redirige a /studio). Es la superficie principal de construcción: un chat, un espacio de código, una vista previa en vivo, un editor de plan y un panel de publicación con versiones y rollback. Si no usas un IDE, aquí pasarás la mayor parte del tiempo.
El sidebar del proyecto
Cuando entras en un proyecto, el menú lateral está agrupado así:
- Overview — el Dashboard: vista previa de la app, uso de un vistazo, claves de API y despliegue.
- Build — API (tus endpoints y el editor visual de workflows — la etiqueta del sidebar es "API", no "Endpoints"), Database, Storage, Authentication y Credentials (claves de API de terceros con tipo, cifradas por proyecto).
- Ship — Frontend, que se despliega en Overview, Deployments (historial + rollback con un clic), Variables y Domains.
- Observe — Logs (el flujo de la consola), Errors y Usage (minutos de build, almacenamiento de base de datos, almacenamiento de objetos).
- Configure — Settings (ajustes generales; las claves de API están en Settings → API Keys).
Dónde vive la configuración
Hay tres sitios distintos para configuración y es fácil confundirlos: las variables de Frontend (Build) son valores públicos que quedan dentro del bundle del cliente; los Backend Secrets (Ship → Frontend → Variables) son secretos de ejecución cifrados que referencias como ctx.secrets.X; y las Credentials (Build → Credentials) son claves de API de terceros con tipo que usan los nodos de integración. Nunca pongas secretos en la pestaña pública de variables del Frontend.
No hay una página de Agentes IA aparte
Los agentes de IA en HeroMate son simplemente endpoints marcados como herramientas (is_tool=true) más el nodo de workflow agent — los configuras dentro del espacio de API, no en una página separada. Las superficies reales de observabilidad son Logs, Errors y Usage (existe un panel de Métricas heredado, pero no está enlazado desde el sidebar).
Más allá de un solo proyecto
Algunas superficies viven a nivel de organización, no dentro de un proyecto:
- AI Models (
/{org}/ai-models) — elige qué modelos pueden usar tus proyectos con HeroMate Managed AI (según el plan). - Conectar IA (
/{org}/mcp/tokens) — crea los tokens MCP que conectan tu cliente de IA con HeroMate. - Automations (
/{org}/automations) — schedules y webhooks de entrada de todos tus proyectos.
Qué aprenderás
- Cómo se relacionan datos, APIs y auth en un proyecto
- Qué configurar en el dashboard y qué vía MCP
- Un modelo mental para construir tu primera app de punta a punta
Siguiente
Empieza Creando nuestra primera app con Autenticación.