Tutoriales
Aprende HeroMate con lecciones en vídeo. Empieza con el setup en 5 minutos, luego qué es HeroMate y cómo encaja la plataforma. Después sigue Creando nuestra primera app: autenticación, datos y APIs, almacenamiento, agentes IA y pagos.
¿Sin IDE? Construye en Studio
No necesitas un editor externo para empezar. Studio es el constructor de apps con IA dentro del panel y el modo por defecto de cada proyecto (/projects/{id} abre Studio). Describe tu app en un chat, mira la vista previa en vivo y publícala — mira Construye una app en Studio.
Introducción
| # | Tutorial | Qué aprenderás |
|---|---|---|
| 1 | Setup backend en 5 min | Crear tu proyecto y conectar el MCP en tu IDE |
| 2 | ¿Qué es HeroMate? | Qué es el producto y qué problemas resuelve |
| 3 | La plataforma | Base de datos, constructor de API, auth, storage y cómo se conectan |
Creando nuestra primera app
| # | Tutorial | Qué aprenderás |
|---|---|---|
| 1 | Autenticación | Usuarios, sesiones y JWT |
| 2 | Tablas y endpoints | Modelar datos y exponer APIs REST |
| 3 | Almacenamiento | Buckets y subida de archivos |
| 4 | Agentes IA y chatbot | Herramientas de IA y flujos conversacionales |
| 5 | Pagos | Cobros en tu aplicación |
Las URLs de vídeo se añaden en cada página conforme se publican. Si un vídeo aún no está disponible, verás un placeholder en la lección.
Una nota sobre los Créditos IA
Los Créditos IA son la unidad de trabajo de la IA al construir o editar — se gastan cada vez que la IA crea o modifica tu app, según el tamaño de la tarea. Free te da +5 créditos/día; Pro incluye 100 créditos/mes (más 100 Créditos de Lanzamiento de un solo uso). Tus apps desplegadas siguen vivas pase lo que pase con tu saldo — los créditos nunca bloquean las apps en ejecución. Más detalles en Planes y Créditos IA.
Requisitos previos
- Una cuenta en HeroMate (regístrate aquí)
- Uno de los clientes de IA compatibles — Claude Code, Codex, Cursor, Windsurf o Antigravity (o cualquier herramienta compatible con MCP)
- El MCP de HeroMate conectado desde la página de la organización "Conectar IA" (tokens MCP) en
/{org}/mcp/tokens - Node.js 18+ cuando construyas un frontend con el SDK cliente
También puedes saltarte el IDE y construir directamente en Studio.