Als Entwickler, der unzählige Stunden mit dem Schreiben von Code verbracht hat, habe ich aus erster Hand gesehen, wie sich Technologie weiterentwickelt hat. Das Aufkommen von Low-Code-Tools und -Plattformen hat die Landschaft der Web-App-Entwicklung erheblich verändert.
Ein Tool, das kürzlich meine Aufmerksamkeit erregt hat, ist Wized – ein leistungsstarkes Visual-Coding-Frontend-Framework.
Was ist Wized?
Wized ist speziell für die Zusammenarbeit mit Webflow konzipiert und erlaubt es Nutzer:innen, ihre Webflow-Website mit jeder beliebigen App zu verbinden – über vorgefertigte Apps oder eine eigene REST-API. Wized verwandelt eine statische Website in eine funktionale Web-App und schlägt die Brücke zwischen Design und Entwicklung. Wized bietet eine intuitive und zugängliche Oberfläche, die den App-Entwicklungsprozess vereinfacht, und ist damit ein mächtiges Tool im Low-Code-Bereich.
Zentrale Features von Wized
Wized wartet mit einer Reihe beeindruckender Features auf, die eine breite Palette von Anwendungsfällen abdecken:
- Verbinde deine Apps: Wized erlaubt dir, verschiedene Apps als Datenquellen anzubinden und so einen nahtlosen Datenaustausch zwischen diesen Apps und deiner Webflow-Website zu ermöglichen. Mehr erfahren
- Data In: Wized kann einzelne Einträge und Listen von Einträgen aus den verbundenen Apps auf deine Webflow-Website laden. Es bietet flexible Filter- und Sortieroptionen und stellt gleichzeitig sicher, dass sensible Zugangsdaten niemals im Frontend offengelegt werden. Mehr erfahren
- Actions: Wized erlaubt dir, deine Web-App interaktiv zu machen. Du kannst Trigger erstellen, um Data-In- und Data-Out-Anfragen auszulösen, eine eigene Logik für die Sichtbarkeit von Elementen bauen und geladene Daten auf der Website anzeigen. Mehr erfahren
- Data Out: Wized erlaubt dir, Daten an jede verbundene App zu senden. Du kannst Einträge aktualisieren oder neue in der Datenbank anlegen – basierend auf Seiteninteraktionen, Formularübermittlungen, eigenem Analytics und mehr. Mehr erfahren
- Authentifizierung: Wized bietet eine native Authentifizierungsschicht, die für Airtable, Firebase, Supabase, Xano und andere Backend-Lösungen gebaut ist. Es unterstützt Funktionen wie Registrierung, Login, Logout, Passwort-Zurücksetzen und Stripe-gestützte Zahlungen. Eigene Authentifizierungsanbieter lassen sich über die REST-API integrieren. Mehr erfahren
- Debugger: Wized enthält ein Debugging-Tool, das transparente Fehlermeldungen bietet und dir hilft, Probleme während der Entwicklung zu verstehen und zu beheben. Mehr erfahren
- Data Store: Dieses Feature bietet einen Einblick in die Datenebene der Web-App und zeigt dir, welche Daten deiner Web-App zu jedem Zeitpunkt zur Verfügung stehen. Mehr erfahren
Warum ich Wized nutze
Als Entwickler, der sowohl Coding- als auch Visual-Coding-Tools nutzt, schätze ich, wie Wized den Prozess der Website- und App-Entwicklung strafft. Die visuelle Oberfläche ist ein Kinderspiel und ermöglicht es mir, Web-Apps zu bauen, ohne komplexen Backend-Code schreiben zu müssen.
Wized ist ein enormer Zeitsparer – besonders bei grossen Projekten mit knappen Deadlines.
Ein weiteres Feature, das ich besonders nützlich finde, sind die vorgefertigten Komponenten und Templates in Wized. Damit kann ich professionelle Apps schnell und effektiv bauen, ohne jede Komponente von Grund auf programmieren zu müssen.
Integration mit beliebten Diensten
Wized integriert sich mit einer Fülle beliebter Dienste, darunter:
Darüber hinaus kannst du Wized über die eigenen REST-API-Einstellungen mit jedem anderen Backend-Tool sowie mit KI-Modellen wie ChatGPT von OpenAI verbinden – und damit eine völlig neue Welt an Möglichkeiten erschliessen. Du könntest die REST-API zum Beispiel nutzen, um Daten aus einem beliebigen CRM-Tool abzurufen, oder um Wized mit einem Dokumentenmanagement-System zu verbinden, sodass du Dokumente zu einem bestimmten Projekt automatisch hochlädst und organisierst. Die Möglichkeiten sind endlos. Indem du die eigenen REST-API-Einstellungen von Wized nutzt, kannst du eine wirklich massgeschneiderte und leistungsstarke Lösung schaffen, die den einzigartigen Anforderungen jedes Kundenprojekts gerecht wird.
DSGVO-Konformität
Wized ist vollständig konform mit der EU-Datenschutz-Grundverordnung (DSGVO), da alle auf seinem Server verarbeiteten Daten in der EU liegen – konkret in einem Rechenzentrum in Deutschland. Das stellt sicher, dass alle Daten den strengen EU-Datenschutzgesetzen unterliegen, und gibt Nutzer:innen aus der EU Sicherheit beim Umgang mit sensiblen Informationen.
Aktuelle Entwicklungen
Wized wurde kürzlich von Finsweet übernommen, einer führenden Digitalagentur, die auf Webflow spezialisiert ist.
Die Übernahme ist ein bedeutender Meilenstein im Webflow-Ökosystem, denn sie positioniert Webflow als ernstzunehmenden Mitbewerber zu anderen visuellen App-Coding-Tools wie Bubble und FlutterFlow.
Lernressourcen
Für alle, die mit Wized starten möchten, gibt es jede Menge Ressourcen. Der Wized-YouTube-Kanal bietet zahlreiche Tutorials und Demonstrationen von Anwendungsfällen. Daneben gibt es das Wized Intelligence Center, eine Online-Ressourcen-Drehscheibe, die dir hilft, das Tool zu meistern.
Ausserdem plant Finsweet, in den kommenden Wochen und Monaten weitere klonbare Templates zu veröffentlichen. Jedes Template wird von Videos und Dokumentation begleitet, die Nutzer:innen Schritt für Schritt durch die Verwendung von Wized führen.
Nachteile von Wized
Einer der wenigen Nachteile von Wized ist, dass aller in eine Website injizierte Inhalt clientseitig gerendert wird. Das kann sich negativ auf die SEO der Website auswirken, da Suchmaschinen-Crawler den Inhalt möglicherweise nicht indexieren können. Doch es gibt eine Lösung für dieses Problem: Indem du den Inhalt serverseitig mit einem Reverse Proxy und Pretender.io vorab renderst, stellst du sicher, dass Suchmaschinen-Crawler den Inhalt deiner Website indexieren können. Mehr dazu, wie du diese Lösung umsetzt, findest du in meinem kürzlich erschienenen Beitrag.
Fazit
Wized ist ein Gamechanger in der Visual-Coding-Landschaft. Seine einfache Bedienung, gepaart mit fortschrittlichen Features und Integrationen, macht es zu einem mächtigen Tool, um professionelle Web-Apps zu bauen. Es ist ein Beleg dafür, wie weit Visual Coding gekommen ist, und ein Blick in die Zukunft der Web-App-Entwicklung.
Wenn du ein:e Entwickler:in bist wie ich, der:die ständig nach Wegen sucht, den eigenen Workflow zu straffen, oder wenn du eine neue Website oder App planst, lohnt sich ein Blick auf Wized auf jeden Fall.