¿Qué es HeroMate?
Bienvenido a esta serie de tutoriales. Iremos de qué es HeroMate a cómo usarlo en tus proyectos. Esta lección lo explica con un enfoque poco técnico para que tengas claro el mapa antes de tocar código.
Frontend y backend
La mayoría de aplicaciones tienen dos partes:
- Frontend — lo que el usuario ve y en lo que hace clic. En los últimos años hubo un gran auge de herramientas con IA (por ejemplo Lovable y similares) que ayudan a montar interfaces muy rápido.
- Backend — la parte que el usuario no ve tanto, pero hace el trabajo pesado: base de datos, autenticación, APIs que leen y escriben datos, automatizaciones, correo, integraciones… todo lo que no es “solo la pantalla”.
Eso no ocurre solo en la capa visual.
Por qué existe HeroMate
Hay muchas herramientas para trozos del problema, pero pocas te dan el backend completo en un solo sitio. HeroMate está pensado para que puedas levantar esa parte invisible con más facilidad y centrarte en el frontend—sobre todo ahora que editores como Cursor, Claude Code y similares permiten que la IA trabaje junto a tu código.
Conectas el MCP de HeroMate a tu proyecto. Así, mientras tú o tu IA construís la interfaz, el asistente puede engancharse a HeroMate y ayudar a crear tablas, endpoints, subida de archivos, gestión de usuarios y más—sin que tengas que ser antes un experto en backend.
Construye en Studio (sin IDE externo)
Si prefieres no configurar ningún editor, Studio es el constructor de apps con IA dentro del panel y el modo por defecto de cada proyecto. Describe lo que quieres en un chat, mira cómo se actualiza la vista previa en vivo según toma forma la app y luego publícala — todo sin salir de HeroMate. Studio es el camino más rápido para perfiles no técnicos, y los desarrolladores pueden pasar al modo dev (editar el código) en el plan Pro.
HeroMate también busca bajar la barrera para perfiles menos técnicos, para que puedan lanzar aplicaciones sencillas de punta a punta—sin dejar de ser potente para programadores que quieren velocidad. Muchos equipos lo usan incluso en fase beta: puede ahorrar mucho tiempo porque avanzas a un ritmo muy alto.
IA sin claves que gestionar
La IA que construye tu backend funciona por defecto con HeroMate Managed AI — no necesitas traer ninguna API key y el consumo se mide en Créditos IA. Más adelante puedes traer tu propia clave de OpenAI, Anthropic o Gemini (BYOK) cuando quieras pagar directamente al proveedor, pero no hace falta para empezar.
Un backend ya conectado
Tus apps no se quedan en datos y APIs sin más. HeroMate trae 40 nodos de workflow, incluidas integraciones reales como Stripe, Telegram, WhatsApp, Slack, Notion, Google Sheets, GitHub y Shopify — además de un nodo genérico HTTP Request para todo lo demás. Los conectas según crece tu app; sin código de pegamento.
Qué hace distinto a HeroMate
La idea más importante: todo lo que la IA genera para tu backend—esos flujos—puedes abrirlo y verlo dentro de HeroMate de forma visual. Hoy esa combinación—creación asistida por IA más una vista clara de lo construido—es algo que otras herramientas no ofrecen igual.
Qué verás en este vídeo
- Frontend vs backend en lenguaje sencillo
- Por qué HeroMate concentra el trabajo “invisible” en un solo sitio
- Cómo MCP conecta tu IDE y la IA con tu proyecto HeroMate
- Por qué importa ver los flujos del backend en visual
Siguiente
Continúa con la plataforma; en los siguientes vídeos iremos con ejemplos y creando un proyecto contigo paso a paso.