AdminForth
Devforth · Imagen · Aprendizaje
AdminForth es un panel de administración open source para Node.js: toma la base de datos que ya tienes y la convierte en un back office autoalojado, con pantallas en Vue 3, 29 plugins y acceso MCP para agentes.
Acerca de AdminForth
About
Qué es AdminForth
AdminForth es un framework de administración que convierte una base de datos que ya está en marcha en un back office funcional. Describes una tabla como recurso en un archivo de configuración y el framework genera las pantallas de listado, detalle, creación y edición. No hay un producto aparte que mantener junto a tu aplicación, porque el panel es una app Node.js normal que vive en tu propio repositorio.
Ese detalle pesa más de lo que parece. Al ser código corriente, quien revisa un pull request puede leer el diff cuando alguien añade una columna o una regla de permisos. Los agentes de programación hacen lo mismo, y por eso el proyecto generado incluye AGENTS.md, CLAUDE.md, llms.txt y una carpeta de skills desde el primer minuto. Devforth, la empresa detrás, lo presenta como un panel de administración pensado para agentes, y la estructura de archivos lo respalda.
El stack es Node.js con TypeScript en el servidor y Vue 3 con Tailwind CSS en el navegador. Se conecta a Postgres, MySQL, SQLite o MongoDB y trabaja sobre el esquema que ya existe, sin copiar datos a un almacén propietario. El límite salta a la vista: es una herramienta para desarrolladores. Si nadie en el equipo escribe JavaScript, AdminForth no te dará un panel, y un constructor alojado sin código sí.
Cómo empezar
- Ejecuta
npx adminforth create-appen una carpeta vacía y responde a las preguntas sobre tu conexión a la base de datos. - Abre el archivo de recursos generado y declara tu primera tabla: columnas, tipos y qué campos aparecen en el listado y en el formulario de edición.
- Arranca el servidor de desarrollo, entra con la cuenta de administrador que creaste y comprueba que los filtros, el orden y el formulario se comportan como esperas.
- Añade plugins de login, subida de archivos, historial de auditoría o acceso de agentes: instalas el paquete npm y sumas una línea a la configuración.
- Despliega la app como cualquier servicio Node, detrás de tu dominio y tu certificado TLS.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de AdminForth.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Desarrolladores de Node.js y TypeScript
- Equipos de producto pequeños sin ingeniero de plataforma
- Agencias que construyen herramientas internas para clientes
Tareas
- Sustituir hojas de cálculo
- Montar el CRUD de un esquema Postgres o MySQL
- Dar acceso de escritura limitado a un agente
- Crear pantallas de reporte internas
Casos de uso
- Lanzar el back office de un MVP esta misma semana
- Mantener los datos de clientes en tu infraestructura
- Entregar el panel a un operador sin perfil técnico
Funciones clave
Configuración de recursos declarativa
Un recurso es un objeto plano: fuente de datos, nombre de tabla y una lista de columnas con marcas de obligatorio, único, opciones de enum y en qué vistas aparecen. Ese objeto define todo el panel para esa tabla. Como es código normal, pasa por revisión y control de versiones igual que el resto del repositorio, y un agente puede ampliarlo sin aprender un lenguaje propio.
Tu esquema actual, sin copiar datos
AdminForth apunta a la base de datos que ya usas: Postgres, MySQL, SQLite o MongoDB. Lee el esquema en lugar de importar filas a su propio almacén, así que las migraciones, las copias y las políticas de acceso siguen donde tu equipo ya las gestiona. La contrapartida: tipos de columna poco habituales o lógica pesada en triggers pueden pedir un componente de campo propio.
Servidor MCP para agentes
El plugin de servidor MCP convierte tus recursos en herramientas que Claude Code, Codex, Gemini CLI o cualquier cliente MCP puede llamar. Cada agente recibe su secreto, revocable por separado, y cada llamada se ejecuta como el usuario que lo emitió. Los permisos, la validación y los hooks siguen aplicándose, de modo que un agente no puede hacer más que la persona a la que representa.
Autenticación y control de acceso
El inicio de sesión, los roles y los permisos vienen con el framework. Encima puedes sumar OAuth2 y SSO con OpenID para Google, GitHub, Microsoft, Keycloak o un proveedor propio, doble factor con TOTP y passkeys, revocación de sesiones por dispositivo, captcha y recuperación de contraseña. Todo llega como plugin npm con una línea de configuración.
29 plugins como paquetes npm
El catálogo cubre las tareas que suelen comerse una semana: importar y exportar CSV y XLSX, subir archivos a S3, editores de texto enriquecido y Markdown, campos de muchos a muchos, trabajos en segundo plano que sobreviven a un reinicio, relleno masivo con IA, dashboards y traducción de la interfaz con modelos de lenguaje. Cada uno es un paquete aparte, así que instalas solo lo que el proyecto necesita.
Páginas propias con componentes Vue 3
Cuando la configuración no alcanza, escribes componentes Vue 3 y los montas como páginas, widgets de dashboard o renderizadores de columna. Cualquier paquete npm funciona dentro, y Tailwind mantiene el estilo alineado con las pantallas de serie. Ahí el panel deja de ser una plantilla y se vuelve la herramienta interna de tu producto.
Ventajas y desventajas
Ventajas
- Gratis y open source bajo MIT, sin edición de pago que retenga funciones.
- El panel es una app Node.js normal en tu repositorio, así que los cambios aparecen como diffs revisables.
- Funciona sobre una base de datos existente sin copiar ni remodelar tus datos.
- Autenticación, doble factor, SSO, auditoría y subidas llegan como plugins, no como trabajo a medida.
- El servidor MCP da acceso real a los agentes con secretos por agente y las mismas reglas de permisos.
Desventajas
- Hacen falta conocimientos de JavaScript y TypeScript. No hay constructor visual para perfiles no técnicos.
- Todo lo que pase de la personalización por configuración implica escribir código Vue 3.
- El autoalojamiento deja despliegue, copias y actualizaciones en tu equipo, y no hay proveedor al que llamar.
- Las reglas a nivel de registro más allá de los permisos incluidos exigen hooks que mantienes tú.
Preguntas frecuentes
Sí. El framework tiene licencia MIT, se autoaloja y no tiene edición de pago. Pagas tu servidor y, si usas los plugins de IA, las llamadas al modelo que facture tu proveedor.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con AdminForth.
Alternativas a AdminForth
Tractionwave
TractionWave · Imagen · MarketingTractionWave genera mapas de calor de atención con IA para anuncios estáticos. Subes un PNG o JPG y obtienes la atención prevista, puntos calientes ordenados y correcciones antes de invertir presupuesto.
Imejis.io
Imejis.io · Imagen · MarketingImejis.io es un estudio de diseño con IA para agentes y equipos de marketing. Describes una imagen con tus palabras y la herramienta escribe el texto, arma la maqueta, la adapta a cada tamaño y exporta el archivo final.
Layoutr
Van Dijk Ontwikkeling · Imagen · IA chinaLayoutr es una herramienta de planos en el navegador que pone a escala el plano que ya tienes, coloca muebles a tamaño real, enseña la habitación en 3D y la renderiza con IA.