Build Web-Apps 10x Faster with AI & No-Code

Was ist WeWeb?

WeWeb ist eine von WeWeb Inc. entwickelte, künstlich intelligenzgesteuerte Plattform zum Erstellen von vollständigen Webanwendungen ohne Programmieren. Mit Hilfe natürlicher Sprache sowie eines visuellen Editors können Benutzeroberflächen, Datenverbindungen, Geschäftslogik sowie Backend-Funktionen erstellt werden.

Es richtet sich hauptsächlich an SaaS-Lösungen, interne Tools, Kundenportale und Unternehmensanwendungen. Es dient nicht nur zur Erstellung statischer Landingpages, sondern ist auch kein Entwickler für native Mobile-Apps, die direkt in App-Stores veröffentlicht werden können.

Hauptfunktionen

• Erstellung von AI-Anwendungen: Mit natürlicher Sprache werden Seiten, Daten, Logik oder Anpassungsanforderungen beschrieben; AI-Agenten können dabei helfen, Benutzeroberflächen zu erstellen, den Backend-Teil zu verwalten, Workflows zu bearbeiten und Probleme zu beheben.
• Visualisierter Interface-Editor: Erstellen von Webseiten durch das Anheben und Ablegen von Komponenten, responsive Breakpoints, Stil-Eigenschaften sowie Statuskonfigurationen – mit der Möglichkeit, die Ergebnisse in hoher Detailgenauigkeit anzupassen.
• Daten und API: Verbinden Sie Supabase, Xano, Airtable, SmartSuite, Algolia oder REST-APIs, um die Suchergebnisse an Listen, Formulare, Diagramme und andere Komponenten zu binden.
• Zertifizierung und Berechtigungen: Es ist möglich, WeWeb Auth, Xano Auth, Auth0, OpenID oder Token-basierte Authentifizierung zu konfigurieren, um Prozesse für das Anmelden, Benutzerrollen sowie den Zugriff auf eingeschränkte Seiten einzurichten.
• Workflows und Logik: Die Prozesse im Frontend werden mithilfe von Auslösern, Bedingungen, Schleifen, Variablen und Aktionen gestaltet; in komplexen Fällen kann zudem benutzerdefinierter JavaScript eingefügt werden.
• Full-Stack-Cloud-Fähigkeiten: WeWeb Cloud bietet Datenbanken, Rechenressourcen, Dateispeicherung, E-Mail-Dienste sowie Ressourcen für die Bereitstellung von Anwendungen. Die verschiedenen Hosting-Ebenen bieten unterschiedliche Kapazitäten sowie Möglichkeiten zur Datensicherung.
• Erweiterungen und Integration: Es werden Plugins oder Erweiterungen wie Stripe, OpenAI, NPM, Karten, Kalender, Analysetags sowie PWA zur Verfügung gestellt, die für Zahlungen, KI, Karten und Progressive Web Apps genutzt werden können.
• Design-Import und Komponenten: Es ist möglich, Figma-Designs zu importieren, vorgefertigte Komponenten zu verwenden sowie auch kodierte Komponenten einzubinden – wodurch man zwischen codefreier Erstellung und Erweiterungen durch Entwickler wechseln kann.
• Einsatz und Domainnamen: Das Projekt kann unter dem Subdomain-Name WeWeb veröffentlicht werden; die kostenpflichtige Hosting-Ebene bietet die Möglichkeit, eigene Domainnamen zu verwenden, sowie Vorschau-, Versionen- und Produktionsbackups gemäß Paketoptionen.
• Code-Export: Essential und höher ermöglichen den Export der Benutzeroberflächendateien von veröffentlichten Projekten und deren Bereitstellung auf eigenen Servern, Cloud-Plattformen oder isolierten Netzwerken.
• GitHub-Synchronisierung: Ab der Version Essential wird eine GitHub-Synchronisierung bereitgestellt, die sich gut für Team-Versionen und Deployment-Prozesse eignet – doch dies bedeutet nicht, dass die Quellcodes der Plattform öffentlich zugänglich sind.
• MCP-Dienst: Externe AI-Clienten können sich mit dem Projekt verbinden und Seiten, den Backend-Bereich sowie Workflows steuern. Free und Essential bieten eine 14-tägige Testversion an, während Pro und Partner uneingeschränkt nutzbar sind.

Eingabe und Ausgabe

Anleitung zur Verwendung

1. Definieren Sie die Anwendungsrollen, Seiten, Kerndatentabellen, Berechtigungen und wichtigen Workflows sowie entscheiden Sie, ob ein externer Backend oder WeWeb Cloud verwendet werden soll.
2. Arbeitsbereiche und Projekte erstellen – beginnend mit leeren Projekten, Vorlagen oder Importen aus Figma – oder die KI kann auf Anfrage eine erste Version erstellen.
3. Überprüfen Sie im Editor die Seitenstruktur, Breakpoints, den Zustand der Komponenten sowie die Barrierefreiheitsinformationen und korrigieren Sie den von KI erzeugten Text, die Logik und das Design.
4. Verbinden Sie Supabase, Xano, REST API oder andere Datengrundlagen und vermeiden Sie es bei der Konfiguration der Schlüssel, Servergeheimnisse im Browser preiszugeben.
5. Legen Sie die Anmeldemethoden, Rollen und Seite-Schutzmechanismen fest und verbinden Sie anschließend mit Workflows Formulareingaben, Abfragen, bedingte Abläufe sowie Fehlermeldungen.
6. Im Vorschauumfeld werden Desktop- und Mobilansichten, Berechtigungsgrenzen, Fehlerwege, Dateneingabe, Zahlungen sowie Limits für externe Dienste getestet.
7. Wählen Sie WeWeb Cloud zur Hosting-Option aus und konfigurieren Sie die Domain, oder veröffentlichen Sie zunächst mit Essential oder einer höheren Version, um anschließend ein Code-Exportpaket zu erstellen, das zum Selbsthosting der Benutzeroberfläche dient.
8. Überwachen Sie nach dem Go-Live die Nutzung, die Last im Backend sowie die Integrationen mit Drittanbietern, erstellen Sie regelmäßig Backups und überprüfen Sie vor einem Upgrade das Paket sowie die Gebühren für Übernutzung.

Passend für Nutzer und Szenarien

• Gründerteam: Schnelle Erstellung eines minimalen, funktionsfähigen SaaS-Produkts mit Anmeldemöglichkeit, Datenbank und Geschäftsprozessen.
• Unternehmensbetrieb und IT-Team: Entwicklung interner Tools wie Genehmigungsprozesse, Lagerverwaltung, CRM, Ticketsysteme und DatenDashboards.
• Agenten und freie Entwickler: Liefern Kunden Portale, Mitgliederbereiche sowie maßgeschneiderte Unternehmensanwendungen durch mehrplatzige Zusammenarbeit.
• Produkt- und Designteam: Schnelle Erstellung interaktiver Prototypen über Figma oder natürliche Sprache, anschließend gemeinsame Weiterentwicklung mit den Entwicklern.
• Entwickler: Nutzung von APIs, JavaScript, NPM, kodierbaren Komponenten, GitHub sowie selbst gehosteten Tools, um die Möglichkeiten der visuellen Entwicklung zu erweitern.
• Organisationen, die die Steuerung der Bereitstellung betonen: Exportieren Sie die Benutzeroberfläche und bereiten Sie sie in der eigenen Cloud oder in einem isolierten Netzwerk vor, während gleichzeitig weiterhin eine Verbindung zum selbst verwalteten Backend besteht.

Plattformen und Integration

Preis und Menge

WeWeb verkauft das Konzept der Entwicklungsrechte getrennt vom Konzept der Verwaltung der Bereitstellungsressourcen. Für die Verwaltung sind in der Regel mindestens Essentials-Lizenzen erforderlich, während für die selbstständige Verwaltung Essentials-Lizenzen oder höhere Lizenzen notwendig sind – doch es ist nicht notwendig, WeWebs Hosting-Dienste zu kaufen.

Die aktuelle Preisseite wird je nach Jahresabonnement, Region, Konto und Kombination der Pakete dynamisch angezeigt. In diesem Fall konnten die genauen Zahlungsbeträge sowie einige Preise für zusätzliche Leistungen nicht eindeutig angezeigt werden. Daher sollte vor der Zahlung auf der Kontoauszugsseite oder auf der Bestellbestätigung geprüft werden.

• Auf der Seite zur jährlichen Zahlung wird angegeben, dass bis zu 20 % eingespart werden können. Der genaue Rabatt hängt jedoch von dem Betrag ab, der nach Auswahl des Plans festgelegt wird.
• AI-Token werden monatlich nach dem Sitzplankonzept ausgegeben, werden am Monatsende nicht übertragen, und der Verbrauch variiert je nach AI-Aufgabe.
• Ein Hosting-Plan kann nicht einzeln erworben werden, auch nicht zwischen Projekten übertragen; für jedes Projekt müssen Ressourcen und Kosten separat geplant werden.
• Wenn mehr Datenverkehr oder Ressourcen genutzt werden, als enthalten sind, können zusätzliche Gebühren, eine Einschränkung des Datentransfers oder Ausfälle des Services auftreten. Einige Ressourcen von Scale ermöglichen eine skalierte Nutzung nach Bedarf.
• Länder wie Brasilien, Indien, Indonesien, Kenia, Malaysia, Mexiko, Südafrika und Thailand könnten lokale Preise oder Währungen verwenden.

Stornierung, Rückerstattung und Daten

• Das Monatsabo bietet keinen Rückerstattungsschutz; Abonnements für Arbeitsbereiche oder Projekte können jederzeit gekündigt oder herabgestuft werden.
• Eine Pause wird in der Regel durch Kündigung des Abonnements herbeigeführt; falls eine Wiederaufnahme geplant ist, kann man sich an den Support wenden, um zu beantragen, dass die Daten nach Ablauf des Abonnements maximal 90 Tage lang aufbewahrt werden.
• Nach der Stornierung ist der Zugang zur Arbeitsumgebung nicht mehr möglich. Daten und Projekte, die über die Aufbewahrungsfrist hinausgehen, können verloren gehen. Vor der Wiederherstellung muss erneut bezahlt werden und man muss sich an den Support wenden.
• Das Datenerfassungsprotokoll besagt außerdem, dass die Kundendaten nach Ablauf der Abonnementzeit nicht automatisch gelöscht werden. Sie werden nur auf ausdrücklichen Antrag hin gelöscht – mit Ausnahme von Fällen, in denen es zu Backups oder gesetzlichen Anforderungen kommt.
• Der Anwendungsbereich der Pause- und Löschregeln ist nicht genau derselbe; vor dem Verlassen der Plattform sollte schriftlich bestätigt werden, wie mit der Exportierung, Löschung sowie dem Löschen der Backups verfahren wird.

Einschränkungen bei der Exportierung von Code und Self-Hosting

• Zunächst muss das Projekt mindestens einmal veröffentlicht werden, bevor ein vollständiges Exportpaket des Projekts erstellt und heruntergeladen werden kann.
• Die integrierten Interface-Dateien können direkt bereitgestellt werden. Die ursprünglichen Projektdateien bestehen aus statischem HTML, CSS und JavaScript; diese müssen selbst erstellt werden und enthalten nicht die Quellcodes der Vue-Komponenten.
• Die Exportierte Benutzeroberfläche kann auf herkömmlichen Web-Servern, Cloud-Plattformen oder in isolierten Umgebungen ohne Internet bereitgestellt werden und ist nicht mehr den Beschränkungen bezüglich gehosteter Sessions sowie Bandbreite durch WeWeb unterworfen.
• Die vollständige selbst gehostete Backend-Lösung ist noch nicht offiziell verfügbar; Projekte, die auf dem WeWeb Cloud-Backend basieren, können nicht davon ausgehen, dass sie nach der Exportierung vollständig unabhängig von der Plattform laufen können.
• Plugins wie Airtable, Google-Dienste, Notion, OpenAI, SmartSuite, SQL, Stripe, SOAP und WeWeb Auth sind von den WeWeb-Mikroservices abhängig und können bei Selbsthosting nicht mehr funktionieren.
• Supabase, Xano, REST, GraphQL sowie direkte Datenbankverbindungen können unabhängig voneinander arbeiten, doch der Backend muss ständig gehostet und zugänglich sein.
• Die von Benutzern in WeWeb CDN hochgeladenen Dateien werden nicht bei der selbst gehosteten Lösung gespeichert. Die in der Struktur eingebetteten Bilder kommen in das Exportpaket. Vor der Migration sollte der Hochladevorgang auf eine eigene Speichermöglichkeit umgestellt werden.
• Die exportierten Inhalte können nicht in WeWeb wieder importiert werden. Die Plattform übernimmt außerdem keine Verantwortung für selbstverwaltete Überwachung, Skalierung, Sicherheitsupdates oder Katastrophenprävention.

Vorteile

• KI-generierte Inhalte, visuelle Bearbeitung und Codeerweiterungen existieren nebeneinander – es ist möglich, schnell loszulegen, während man nach und nach mehr Kontrolle durch den Entwickler erhält.
• Die Datenquellen, die Authentifizierung sowie die Geschäftsworkflows sind gut abgedeckt und eignen sich für produktive Webanwendungen mit komplexerer Struktur als Landing Pages.
• Frontend und Backend können voneinander getrennt werden; es ist möglich, sich mit ausgereiften externen Backends zu verbinden, wodurch das Risiko verringert wird, an ein einziges Datenbanksystem gebunden zu sein.
• Essential ermöglicht die Exportierung der Benutzeroberfläche sowie den eigenständigen Betrieb und bietet somit Optionen für eine konformere Implementierung, DevOps sowie getrennte Netzwerke.
• MCP ermöglicht es verschiedenen externen AI-Clienten, an demselben Projekt zu arbeiten, und eignet sich dazu, die Entwicklung mit natürlicher Sprache in die Toolkette des Teams einzubinden.
• Die kostenlose Ebene ermöglicht die Überprüfung des Editors, der Datenverbindungen sowie einer Einsatzsituation mit geringem Datenaufkommen, bevor man entscheidet, ob ein Abo und Hosting erworben werden sollen.

Fähigkeitsgrenzen

• Die von KI erzeugten Ergebnisse müssen weiterhin hinsichtlich Berechtigungen, Dateneingabe, Fehlerrückgabe, responsivem Layout und inhaltlicher Richtigkeit überprüft werden; sie können nicht direkt als produktionsreif angesehen werden.
• No-Code-Lösungen beseitigen nicht die Aufgaben des Datenbankmodellierens, der Authentifizierung, der API-Sicherheit, der Leistungsoptimierung, der Tests sowie der Wartung. Komplexe Anwendungen erfordern weiterhin ingenieurtechnisches Know-how.
• Eine vollständige selbsthostete Backend-Lösung ist derzeit noch nicht verfügbar; Plugins, die auf Plattform-Mikroservices angewiesen sind, beschränken die Freiheit bei der Migration.
• Die exportierten Dateien sind nach der Maschinenstruktur organisiert und eignen sich nicht als leicht wartbarer menschlicher Quellcode. Änderungen von außen können zudem nur schwer in den Editor zurückübertragen werden.
• Hosting und Sitzplätze werden separat abgerechnet. Die Anzahl der Teammitglieder, die Anzahl der Projekte, AI-Tokens, Bandbreite, Datenbanken, Speicher sowie Rechenleistung können alle den Gesamtkosten beeinflussen.
• Kostenlose Cloud-Ressourcen eignen sich für Tests, aber nicht dafür, kritische Produktivsysteme direkt ohne Kapazitätsprüfung zu betreiben.
• Die Aktualisierungszeiten der aktuellen Richtliniendokumente sind nicht immer einheitlich; bei sensiblen Daten, regionaler Speicherung oder branchenspezifischen Vorschriften sollten die neuesten Verträge sowie eine Liste der Unterauftragnehmer eingeholt werden.

API, MCP, GitHub und Open-Source-Status

Die Offenlegung von CLI, Komponenten oder Beispielprojekten unter Open Source bedeutet lediglich, dass der zugehörige Code gemäß seiner Lizenz verwendet werden kann; es bedeutet jedoch nicht, dass der WeWeb-Editor, die Cloud-Dienste oder die gesamte Plattform eine Open-Source-Lizenz verwenden.

Privatsphäre, Sicherheit und Urheberrecht

• Als Verarbeiter verarbeitet WeWeb personenbezogene Daten gemäß den Anweisungen der Kunden und verpflichtet sich, technische sowie organisatorische Maßnahmen zu ergreifen, um die Daten zu schützen, die Vertraulichkeit zu gewährleisten und bei Datenlecks Meldung zu erstatten.
• Der Kunde muss prüfen, ob die Sicherheit der Plattform seinen eigenen rechtlichen Verpflichtungen entspricht, und ist für eine sichere Übertragung, Konfiguration von Berechtigungen, Backups sowie für die Einhaltung von Vorgaben von Anfang bis Ende verantwortlich.
• Der Editor und die Veröffentlichungsanwendung nutzen die AWS-Infrastruktur; die Datenspeicherbereiche einiger Erweiterungen werden von Dritten oder vom Benutzer gewählt, wobei die Verarbeitung der Daten mithilfe von WeWeb-Mikroservices in den USA stattfinden kann.
• Die Datenschutzeinstellungen beinhalten Informationen zu Konten, IP-Adressen sowie Konfigurationen für die Integration; bei der Integration mit Google Sheets werden die Tabellenidentifikatoren sowie die Dateiadressen zur Synchronisierung gespeichert.
• Der Kunde behält das Urheberrecht an den auf der Plattform veröffentlichten Werken und Inhalten. Gleichzeitig wird WeWeb das eingeschränkte Recht eingeräumt, während der Erbringung der Dienstleistungen die erforderlichen Daten und Materialien zu verarbeiten.
• Der Benutzer muss sicherstellen, dass für den hochgeladenen Code, die Bilder, die Daten sowie das Content von Drittanbietern eine Nutzungsrechte vorliegen, und ist dafür verantwortlich, die Endnutzer in seiner Anwendung zu informieren, deren Zustimmung einzuholen und diese rechtlich korrekt zu verarbeiten.
• Die Plattform selbst sowie die Dienste, Dokumente, Methoden und Technologien bleiben weiterhin im Besitz von WeWeb. Die Nutzung über ein Abonnement bedeutet nicht, dass man Zugang zum Quellcode des Produkts oder Rechte zur Weitergabe erhält.
• Das Datum der Datenschutzerklärung ist alt, und die Liste der DPA-Zweitauftragsverarbeiter weist ebenfalls ein bestimmtes historisches Datum auf; für sensible oder regulierte Projekte sollten die neuesten Sicherheitsdokumente angefordert werden.

Zusammenfassung

WeWeb eignet sich dazu, mit KI und Visualisierungstechnologien Webanwendungen mit Daten, Authentifizierungsmechanismen und Workflows zu erstellen. Zudem bietet es Entwicklern APIs, JavaScript, GitHub, MCP sowie Möglichkeiten zur selbstständigen Verwaltung der Benutzeroberfläche.

Bei der Auswahl sollte besonders auf die Kombikosten für Sitzplätze und Hosting geachtet werden. Zudem ist das vollständige Self-Hosting des Backends derzeit noch nicht verfügbar, es gibt Abhängigkeiten von Plugins und Microservices, es gilt keine Rückerstattungspolitik, und es müssen die aktuellen Anforderungen bezüglich Datenverarbeitung und Compliance berücksichtigt werden.