00:00:00Die meisten Entwickler betreiben Over-Engineering bei internen Tools, und seien wir ehrlich, wir alle wissen es.
00:00:04Man setzt React auf, verkabelt APIs, baut Auth, verwaltet den State, nur um ein Dashboard auszuliefern, das im Grunde nur
00:00:10aus Formularen und Tabellen besteht. Das hier ist AppSmith, ein Open-Source-Tool mit über 39.000 Sternen, das
00:00:16den Großteil davon in wenigen Minuten ersetzen kann. Betrachten Sie es als die Open-Source-Alternative zu Bubble,
00:00:21und ich zeige Ihnen in nur wenigen Minuten, wie es funktioniert.
00:00:29Nun, AppSmith ist nicht brandneu, aber es wird immer noch nicht so oft darüber gesprochen, wie es sollte.
00:00:34Es wurde nicht für Landingpages oder Kunden-Apps entwickelt, sondern nur für interne Tools. Wir erhalten eine UI per Drag-and-Drop,
00:00:41aber mit vollem JavaScript, sodass man nie feststeckt. Man verbindet Datenbanken, APIs, SaaS-Tools,
00:00:47und nutzt Git weiterhin wie ein normaler Entwickler. Es gibt hier keinen Lock-in-Effekt, wir können es komplett kostenlos
00:00:54selbst hosten und erhalten unbegrenzt viele Benutzer. Die eigentliche Frage ist also: Spart das wirklich Zeit?
00:01:00Lassen Sie mich es Ihnen zeigen. Wenn Ihnen Open-Source-Tools und Programmiertipps wie dieser gefallen,
00:01:04abonnieren Sie unbedingt den Kanal. Wir veröffentlichen ständig neue Videos. Sobald Sie AppSmith starten,
00:01:10erstellen Sie ein schnelles Konto, super einfach. Auf Ihrem Dashboard können Sie dann eine neue App auf einer leeren Leinwand starten.
00:01:15Da dies kein ausführliches Tutorial ist, wähle ich einfach die voreingestellte Postgres-Datenbank,
00:01:21aber Sie sehen hier all die Optionen, die wir wirklich haben und die wir einbauen können,
00:01:26was wirklich schön ist. Sobald ich eine Datenbank – in meinem Fall Postgres – verknüpft habe, sind wir fertig.
00:01:32In der Datenbank gibt es einen Haufen Tabellen, mit denen man spielen kann, aber ich wähle
00:01:36die Mitarbeitertabelle aus, da diese einige Dummy-Benutzer enthält. Jetzt ziehe ich eine Tabelle hinein,
00:01:42wähle die Verbindung zur richtigen Datenbanktabelle. Sie füllt die Tabelle sofort aus, und dann kann ich
00:01:47ein Eingabeformular und eine Senden-Schaltfläche hinzufügen. Sie sehen, wie das alles Drag-and-Play ist,
00:01:52und in der Seitenleiste kann ich sogar Abfragen und sogar JavaScript verknüpfen.
00:01:55Ich habe die Daten bereits an die Tabelle gebunden, aber hier kann ich eine Abfrage mit dem Eingabefeld erstellen,
00:02:01um nach einem Benutzer in unserer Datenbank zu suchen. Und so einfach ist es fertig. Wir fügen einen Trigger für unseren Button zum Aktualisieren hinzu,
00:02:07vielleicht eine Toast-Benachrichtigung, klicken auf „Deploy“, und das ist eine funktionierende CRUD-App. Ich meine, okay, super simpel,
00:02:12da ich das alles in nur ein paar Minuten abhandle, aber ich weiß, dass Sie die echte Vielseitigkeit dahinter sehen
00:02:17und wie schnell das auch in einem Workflow wäre. Kein React-Setup, kein API-Layer, kein Auth-Wiring.
00:02:23Das hat vielleicht eine Minute gedauert, vielleicht zwei, okay? Und Sie haben immer noch die volle Kontrolle mit JavaScript,
00:02:28Themes und Git. Also ja, es ist kostenlos, es ist schnell, also kein Bezahlen für Bubble oder etwas anderes.
00:02:34Dies ist ein großartiges Tool, um schnell etwas aufzusetzen. AppSmith ist im Grunde UI auf der einen Seite, Daten auf der anderen,
00:02:40und JavaScript, um alles zu verbinden. Widgets erledigen Ihre UI, Datenquellen verbinden sich mit Datenbanken,
00:02:46APIs, sogar LLMs, und Abfragen sind einfach SQL, REST oder JavaScript. Die Kernidee ist: JavaScript ist überall.
00:02:54Die meisten Low-Code-Tools verbergen die Logik vor Ihnen, während dieses sie offenlegt. Das ist der Grund,
00:03:00warum Entwickler wechseln. Git funktioniert so, wie man es erwartet: Branching, Merging, CI/CD, nichts ist seltsam,
00:03:06und man kann es selbst mit Docker oder Kubernetes hosten. So kontrollieren Sie Ihre Daten und Kosten. Sie können
00:03:12benutzerdefinierte Komponenten mit React oder einfachem JavaScript bauen, und es ist produktionsreif mit
00:03:18integriertem RBAC, Audit-Logs und SSO. Abgesehen davon gibt es natürlich KI,
00:03:23aber der wichtige Teil ist, dass sie Code generiert, den man tatsächlich bearbeiten kann. Es klingt also perfekt, vielleicht,
00:03:30aber das ist es nicht, okay? Nun, es ist gut zur Zeitersparnis, da wir schneller ausliefern können, und ehrlich gesagt,
00:03:36nachdem ich es benutzt habe, fühlt sich das ziemlich zutreffend an. Es ist in der Tat Open Source, man ist also nicht
00:03:42an ein Preismodell gebunden. Wir bleiben nicht stecken, weil wir immer einfach JavaScript einfügen können,
00:03:47und wenn man es selbst hostet, ist es kostenlos mit unbegrenzten Benutzern. Aber auf der anderen Seite,
00:03:52mit der Zeit oder Skalierung kann und wird das immer noch kaputtgehen. Wenn man versucht, riesige Datensätze auf dem Client
00:03:58zu rendern, kann es langsamer werden, daher sollte man serverseitige Paginierung nutzen. Mobile Layouts sind nicht automatisch.
00:04:04Man muss sie manuell anpassen. Und wenn man von No-Code-Zustandsverwaltung kommt,
00:04:08kann sich das anfangs wirklich verwirrend anfühlen. Auch die UI hinkt Tools wie Retool etwas hinterher, wenn man
00:04:14ausgefallene Dashboards möchte. Nichts davon fällt zu sehr ins Gewicht, aber es zählt je nach Anwendungsfall.
00:04:20Wo passt es also wirklich hin? Der echte Vergleich ist Retool gegen AppSmith. Retool
00:04:26ist polierter und hat stärkere Funktionen, aber es ist teuer und Closed Source. AppSmith ist
00:04:32weniger poliert. Es ist Open Source, richtig? Aber man besitzt alles. Die Kosten sind null, wenn man selbst hostet.
00:04:39Bubble und Webflow sind nicht wirklich vergleichbar, da sie eher kundenorientierte Apps sind,
00:04:44aber sie machen viele coole Dinge, die ähnlich sind. Tooljet ist näher dran, aber AppSmith
00:04:49sticht immer noch durch eine stärkere Git-Integration hervor. Wenn Ihr Ziel also ist, interne Tools schnell zu liefern,
00:04:55ist AppSmith meistens der bessere Kompromiss. Wenn Ihnen Open-Source-Tools und Programmiertipps wie dieser gefallen,
00:05:00abonnieren Sie unbedingt den BetterStack-Kanal. Wir sehen uns in einem anderen Video.