AdminForth

AdminForth

Devforth · Imagem · Aprendizado

AdminForth é um painel administrativo open source para Node.js: pega o banco de dados que você já tem e monta um back office auto-hospedado, com telas em Vue 3, 29 plugins e acesso MCP para agentes.

Prévia da interface de AdminForth

Sobre AdminForth

About

O que é o AdminForth

AdminForth é um framework de painel administrativo que transforma um banco de dados já em produção em um back office que funciona. Você descreve uma tabela como recurso em um arquivo de configuração e o framework gera as telas de listagem, visualização, criação e edição. Não existe um produto separado para hospedar ao lado da sua aplicação, porque o painel é um app Node.js comum que mora no seu próprio repositório.

Esse detalhe pesa mais do que parece. Como o painel é código normal, quem revisa um pull request consegue ler o diff quando alguém adiciona uma coluna ou uma regra de permissão. Agentes de programação fazem o mesmo, e é por isso que o projeto gerado já vem com AGENTS.md, CLAUDE.md, llms.txt e uma pasta de skills. A Devforth, empresa por trás dele, apresenta a ferramenta como um painel feito para agentes, e a estrutura de arquivos sustenta a proposta.

A stack de um painel admin Node.js como esse é TypeScript no servidor e Vue 3 com Tailwind CSS no navegador. Ele conecta em Postgres, MySQL, SQLite ou MongoDB e trabalha sobre o esquema que você já tem, sem copiar dados para um armazenamento proprietário. O limite é claro: é uma ferramenta para quem programa. Se ninguém no time escreve JavaScript, o AdminForth não entrega um painel, e um construtor hospedado sem código entrega.

Como começar

  1. Rode npx adminforth create-app em uma pasta vazia e responda às perguntas sobre a conexão com o banco.
  2. Abra o arquivo de recursos gerado e declare a primeira tabela: colunas, tipos e quais campos aparecem na lista e no formulário de edição.
  3. Suba o servidor de desenvolvimento, entre com a conta de administrador que você criou e confira se filtros, ordenação e formulário se comportam como esperado.
  4. Adicione plugins de login, upload, histórico de auditoria ou acesso de agentes: instala o pacote npm e inclui uma linha na configuração.
  5. Publique o app como qualquer serviço Node, atrás do seu domínio e do seu certificado TLS.

Informações do produto

Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de AdminForth.

Plano gratuitoSim
Planos pagos$0, MIT license
PlataformaWeb, self-hosted Node.js server
DesenvolvedorDevforth
CategoriaImagem · Aprendizado
Data de lançamentoMay 2024
Última atualizaçãoOct 2026
Visitas ao siteN/A
Ranking global do site10.3M
Disponibilidade da APISim

Ideal para

Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.

Usuários

  • Desenvolvedores de Node.js e TypeScript
  • Times de produto pequenos sem engenheiro de plataforma
  • Agências que constroem ferramentas internas para clientes

Tarefas

  • Substituir planilhas de operação
  • Montar o CRUD de um esquema Postgres ou MySQL
  • Dar acesso de escrita limitado a um agente
  • Criar telas de relatório internas

Cenários

  • Colocar o back office de um MVP no ar nesta semana
  • Manter dados de clientes na sua infraestrutura
  • Entregar o painel para um operador sem perfil técnico

Principais recursos

Configuração de recursos declarativa

Um recurso é um objeto simples: fonte de dados, nome da tabela e uma lista de colunas com marcações de obrigatório, único, opções de enum e em quais telas aparecem. Esse objeto define o painel inteiro daquela tabela. Como é código comum, passa por revisão e controle de versão como o resto do repositório, e um agente consegue estendê-lo sem aprender uma linguagem própria.

Seu esquema atual, sem copiar dados

O AdminForth aponta para o banco que você já usa: Postgres, MySQL, SQLite ou MongoDB. Ele lê o esquema em vez de importar linhas para um armazenamento próprio, então migrações, backups e políticas de acesso continuam onde seu time já cuida deles. O preço disso: tipos de coluna incomuns ou lógica pesada em triggers podem exigir um componente de campo sob medida.

Servidor MCP para agentes

O plugin de servidor MCP transforma seus recursos em ferramentas que Claude Code, Codex, Gemini CLI ou qualquer cliente MCP pode chamar. Cada agente recebe um segredo próprio, revogável de forma independente, e cada chamada roda como o usuário que o emitiu. Permissões, validação e hooks continuam valendo, então o agente não faz mais do que a pessoa que ele representa.

Autenticação e controle de acesso

Login, papéis e permissões vêm com o framework. Em cima disso você soma OAuth2 e SSO com OpenID para Google, GitHub, Microsoft, Keycloak ou provedor próprio, dois fatores com TOTP e passkeys, revogação de sessão por dispositivo, captcha e recuperação de senha. Tudo chega como plugin npm com uma linha de configuração.

29 plugins como pacotes npm

O catálogo cobre as tarefas que costumam consumir uma semana: importar e exportar CSV e XLSX, upload para S3, editores de texto rico e Markdown, campos muitos-para-muitos, tarefas em segundo plano que sobrevivem a um restart, preenchimento em massa com IA, dashboards e tradução da interface por modelo de linguagem. Cada um é um pacote separado, então você instala só o que o projeto precisa.

Páginas próprias com componentes Vue 3

Quando a configuração não basta, você escreve componentes Vue 3 e os monta como páginas, widgets de dashboard ou renderizadores de coluna. Qualquer pacote npm funciona dentro deles, e o Tailwind mantém o visual alinhado às telas nativas. É aí que o painel deixa de ser template e vira a ferramenta interna do seu produto.

Prós e contras

Prós

  • Gratuito e open source sob MIT, sem edição paga segurando recursos.
  • O painel é um app Node.js normal no seu repositório, então as mudanças aparecem como diffs revisáveis.
  • Funciona sobre um banco existente sem copiar nem remodelar seus dados.
  • Autenticação, dois fatores, SSO, auditoria e upload vêm como plugins, não como trabalho sob medida.
  • O servidor MCP dá acesso real aos agentes com segredo por agente e as mesmas regras de permissão.

Contras

  • Exige conhecimento de JavaScript e TypeScript. Não há construtor visual para quem não programa.
  • Qualquer coisa além do tema por configuração significa escrever código Vue 3.
  • Auto-hospedar deixa deploy, backups e atualizações com o seu time, e não há fornecedor para acionar.
  • Regras no nível do registro, além das permissões nativas, pedem hooks que você mantém.

Perguntas frequentes

Sim. O framework tem licença MIT, é auto-hospedado e não tem edição paga. Você paga o servidor e, se usar os plugins de IA, as chamadas de modelo cobradas pelo seu provedor.