AdminForth
Devforth · Bilder · Lernen
AdminForth ist ein Open-Source-Admin-Panel für Node.js. Es macht aus Ihrer bestehenden Datenbank ein selbst gehostetes Backoffice mit Vue-3-Oberflächen, 29 Plugins und MCP-Zugang für Agenten.
Über AdminForth
About
Was ist AdminForth
AdminForth ist ein Admin-Framework, das eine bereits laufende Datenbank in ein einsatzfähiges Backoffice verwandelt. Sie beschreiben eine Tabelle in einer Konfigurationsdatei als Ressource, und das Framework erzeugt daraus Listen-, Detail-, Anlage- und Bearbeitungsseiten. Ein zweites Produkt neben Ihrer Anwendung gibt es nicht, denn das Panel ist eine gewöhnliche Node.js-App in Ihrem eigenen Repository.
Dieses Detail wiegt schwerer, als es klingt. Weil das Panel normaler Code ist, kann eine Prüferin im Pull Request den Diff lesen, wenn jemand eine Spalte oder eine Berechtigungsregel ergänzt. Coding-Agenten tun dasselbe, deshalb enthält das erzeugte Projekt von Anfang an AGENTS.md, CLAUDE.md, llms.txt und einen skills-Ordner. Der Anbieter Devforth nennt es ein Admin-Panel für Agenten, und die Dateistruktur stützt diese Aussage.
Der Stack besteht aus Node.js mit TypeScript auf dem Server und Vue 3 mit Tailwind CSS im Browser. Die Verbindung läuft zu Postgres, MySQL, SQLite oder MongoDB, und zwar auf dem Schema, das Sie schon haben. Daten werden nicht in einen eigenen Speicher kopiert. Die Grenze ist deutlich: Es bleibt ein Werkzeug für Entwickler. Schreibt niemand im Team JavaScript, liefert AdminForth kein Panel, ein gehosteter No-Code-Baukasten dagegen schon.
Erste Schritte
- Führen Sie
npx adminforth create-appin einem leeren Ordner aus und beantworten Sie die Fragen zur Datenbankverbindung. - Öffnen Sie die erzeugte Ressourcendatei und legen Sie die erste Tabelle an: Spalten, Typen und die Felder, die in Liste und Formular erscheinen.
- Starten Sie den Entwicklungsserver, melden Sie sich mit dem angelegten Administrationskonto an und prüfen Sie Filter, Sortierung und Formular.
- Ergänzen Sie Plugins für Login, Uploads, Audit-Verlauf oder Agentenzugriff: npm-Paket installieren, eine Zeile in der Konfiguration hinzufügen.
- Setzen Sie die App wie jeden anderen Node-Dienst ein, hinter Ihrer Domain und Ihrem TLS-Zertifikat.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von AdminForth.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Node.js- und TypeScript-Entwickler
- Kleine Produktteams ohne Plattform-Engineer
- Agenturen, die interne Tools für Kunden bauen
Aufgaben
- Tabellen ablösen
- CRUD für ein Postgres- oder MySQL-Schema aufsetzen
- Einem Agenten begrenzten Schreibzugriff geben
- Interne Auswertungen bauen
Szenarien
- Das Backoffice für ein MVP diese Woche online bringen
- Kundendaten auf eigener Infrastruktur halten
- Das fertige Panel an eine nicht-technische Person übergeben
Wichtigste Funktionen
Deklarative Ressourcenkonfiguration
Eine Ressource ist ein einfaches Objekt: Datenquelle, Tabellenname und eine Liste von Spalten mit Markierungen für Pflichtfeld, Eindeutigkeit, Enum-Werte und die Ansichten, in denen sie auftauchen. Dieses Objekt beschreibt das gesamte Panel für diese Tabelle. Weil es gewöhnlicher Code ist, läuft es durch Review und Versionskontrolle wie der Rest des Repositorys, und ein Agent kann es erweitern, ohne eine eigene Sprache zu lernen.
Bestehendes Schema ohne Datenkopie
AdminForth zeigt auf die Datenbank, die Sie bereits betreiben: Postgres, MySQL, SQLite oder MongoDB. Das Framework liest das Schema, statt Zeilen in einen eigenen Speicher zu importieren. Migrationen, Backups und Zugriffsregeln bleiben dort, wo Ihr Team sie schon verwaltet. Der Preis dafür: ungewöhnliche Spaltentypen oder schwere Trigger-Logik brauchen manchmal eine eigene Feldkomponente.
MCP-Server für Agenten
Das MCP-Plugin macht Ihre Ressourcen zu Werkzeugen, die Claude Code, Codex, Gemini CLI oder jeder andere MCP-Client aufrufen kann. Jeder Agent erhält ein eigenes Secret, separat widerrufbar, und jeder Aufruf läuft als der Nutzer, der es ausgestellt hat. Berechtigungen, Validierung und Hooks gelten weiter, ein Agent kann also nicht mehr tun als die Person, für die er handelt.
Anmeldung und Zugriffskontrolle
Login, Rollen und Berechtigungen bringt das Framework mit. Darauf setzen Sie OAuth2 und OpenID-SSO für Google, GitHub, Microsoft, Keycloak oder einen eigenen Anbieter, Zwei-Faktor-Authentifizierung per TOTP und Passkeys, Sitzungswiderruf pro Gerät, Captcha und Passwort-Reset. Alles kommt als npm-Plugin mit einer Zeile Konfiguration.
29 Plugins als npm-Pakete
Der Katalog deckt die Aufgaben ab, die sonst eine Woche fressen: CSV- und XLSX-Import sowie -Export, Uploads nach S3, Rich-Text- und Markdown-Editor, Mehr-zu-mehr-Felder, Hintergrundjobs, die einen Neustart überstehen, Massenbearbeitung per KI, Dashboards und Übersetzung der Oberfläche per Sprachmodell. Jedes Plugin ist ein eigenes Paket, Sie installieren nur, was das Projekt braucht.
Eigene Seiten mit Vue-3-Komponenten
Wo die Konfiguration endet, schreiben Sie Vue-3-Komponenten und hängen sie als Seiten, Dashboard-Widgets oder Spaltenrenderer ein. Jedes npm-Paket funktioniert darin, und Tailwind hält das Styling konsistent mit den mitgelieferten Seiten. Spätestens hier hört das Panel auf, Vorlage zu sein, und wird zum internen Werkzeug Ihres Produkts.
Vor- und Nachteile
Vorteile
- Kostenlos und Open Source unter MIT, ohne Bezahlstufe, die Funktionen zurückhält.
- Das Panel ist eine normale Node.js-App im Repository, Änderungen erscheinen als lesbare Diffs.
- Es arbeitet auf einer bestehenden Datenbank, ohne Daten zu kopieren oder umzubauen.
- Anmeldung, Zwei-Faktor, SSO, Audit und Uploads sind Plugins statt Sonderarbeit.
- Der MCP-Server gibt Agenten echten Zugriff, mit Secret pro Agent und denselben Berechtigungsregeln.
Nachteile
- JavaScript- und TypeScript-Kenntnisse sind Pflicht. Einen visuellen Baukasten für Nicht-Entwickler gibt es nicht.
- Alles jenseits von Theming per Konfiguration bedeutet eigenen Vue-3-Code.
- Selbstbetrieb legt Deployment, Backups und Updates in Ihre Hand, einen Anbieter zum Anrufen gibt es nicht.
- Regeln auf Datensatzebene über die mitgelieferten Berechtigungen hinaus erfordern Hooks, die Sie pflegen.
Häufige Fragen
Ja. Das Framework steht unter MIT-Lizenz, läuft selbst gehostet und hat keine Bezahlversion. Sie zahlen Ihren Server und, bei den KI-Plugins, die Modellaufrufe Ihres Anbieters.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu AdminForth.
Alternativen zu AdminForth
Google EmbeddingGemma 2
Google DeepMind · Schreiben · Bilder · CodingGoogle EmbeddingGemma 2 ist ein offenes Modell mit 740 Millionen Parametern, das Text, Code, Bilder, Audio und Videobilder in Vektoren eines gemeinsamen 768-dimensionalen Raums umwandelt und auf Handys und Notebooks läuft.
Tractionwave
TractionWave · Bilder · MarketingTractionWave erstellt per KI eine Aufmerksamkeits-Heatmap für statische Anzeigen. Sie laden ein PNG oder JPG hoch und bekommen prognostizierte Aufmerksamkeit, sortierte Hotspots und Korrekturen, bevor Budget fließt.
Imejis.io
Imejis.io · Bilder · MarketingImejis.io ist ein KI-Designstudio für Agenten und Marketingteams. Sie beschreiben ein Bild in eigenen Worten, und das Werkzeug schreibt den Text, baut das Layout, passt es an jedes Format an und exportiert die fertige Datei.