Inicio Rápido
De cero a un backend funcionando en menos de 5 minutos.
Requisitos
Necesitas una cuenta de HeroMate. Regístrate gratis — sin tarjeta de crédito.
1. Crea tu proyecto
Inicia sesión y crea una organización
Ve a dypai.ai e inicia sesión. Crea una organización si no tienes una.
Crea un nuevo proyecto
Haz click en Nuevo Proyecto y elige un nombre. Los proyectos nuevos empiezan en el plan Free ($0); pásate a Pro ($25/mes) cuando quieras para dominios propios, modo dev y más apps. HeroMate configura tu base de datos, auth y storage automáticamente en segundos.
O construye en Studio (sin IDE)
¿No quieres configurar un IDE? Cada proyecto se abre en Studio — el constructor con IA dentro del dashboard — por defecto. Describe tu app en un chat, mira la vista previa en vivo y publica, todo sin salir del dashboard.
2. Conecta tu IDE vía MCP
La forma más rápida de construir desde tu editor es conectando tu IDE a HeroMate usando el Model Context Protocol (MCP). Tu agente de IA obtiene acceso a 40+ herramientas.
Abre la página Conectar IA
Desde tu organización, abre la página Conectar IA (tokens MCP) en /{org}/mcp/tokens y crea un token.
Copia la configuración
Copia el JSON de configuración para tu cliente. Funciona con Claude Code, Codex, Cursor, Windsurf, Antigravity, y cualquier herramienta compatible con MCP.
Pega en tu IDE
Añade la config en los settings de MCP de tu IDE:
- Claude Code:
.mcp.jsonen la raíz de tu proyecto - Cursor:
.cursor/mcp.json - Codex:
.codex/config.toml
Empieza a construir
Pide a tu agente de IA lo que necesites:
"Crea una tabla de usuarios con email, nombre y rol"
"Construye un endpoint POST /pedidos que guarde en la base de datos y envíe un email"
"Configura autenticación con Google OAuth"
Créditos de IA
Construir y editar con IA consume Créditos de IA. En el plan Free recibes +5 al día; Pro incluye 100/mes. Tus apps desplegadas siguen funcionando sin importar tu saldo. Más información.
Instalador por CLI
¿Prefieres la terminal? En tu máquina (con Node.js), ejecuta:
npx @dypai-ai/install
Te guía para elegir tu IDE y escribe la config de MCP. Para scripts o CI, usa --client y --token — ver npx @dypai-ai/install --help.
Descarga una plantilla
Ve a la pestaña Frontend de tu proyecto y descarga una plantilla con el SDK y MCP preconfigurados para tu IDE.
3. Instala el SDK
Conecta tu frontend a tu backend de HeroMate:
npm install @dypai-ai/client-sdk
Crea el cliente:
// lib/dypai.ts
import { createClient } from '@dypai-ai/client-sdk'
export const dypai = createClient(
import.meta.env.VITE_DYPAI_URL // https://TU_PROJECT_ID.dypai.app
)
Seguridad
Nunca expongas API keys en código del navegador. El SDK usa autenticación JWT por defecto.
4. Despliega tu frontend Nuevo
Despliega tu app en tu-proyecto.dypai.app. Tienes dos caminos fáciles:
- Desde tu cliente de IA — pídele que despliegue. El paquete local
@dypai-ai/mcpexpone una herramientadypai_deploy_productionque compila desde tu sistema de archivos y publica en producción. - Desde el dashboard — abre la pestaña Frontend y haz click en desplegar.
En ambos casos obtienes una URL live en un subdominio *.dypai.app (o tu dominio propio en Pro). Más sobre hosting frontend.