WeWeb und Supabase: Ein 2026-Review und warum Sie es ausprobieren müssen

Bevor Sie Ihre Webanwendung erstellen, sollten Sie verstehen, wie WeWeb und Supabase zusammenarbeiten können, um Ihren Entwicklungsprozess zu optimieren.

WeWeb ist ein Tool, das Ihnen hilft, das Aussehen und die Bedienung Ihrer Website zu gestalten, ohne Code schreiben zu müssen.

Supabase kümmert sich um die Aspekte im Hintergrund, wie das Speichern von Daten und die Verwaltung von Benutzerkonten.

Zusammen verwendet, vereinfachen sie den Prozess der Erstellung von Webanwendungen.

Als WeWeb Agentur unterstützen wir Unternehmen beim Aufbau skalierbarer Webanwendungen mit WeWeb und Supabase.

Was ist WeWeb?

WeWeb ist ein Tool, mit dem Sie das Frontend Ihrer Software erstellen können. Sie können das Aussehen und die Funktionsweise Ihrer Software mithilfe einer Drag-and-Drop-Oberfläche gestalten.

WeWeb ermöglicht Ihnen die Verbindung zu verschiedenen Backends, einschließlich Supabase, und Sie können dasjenige wählen, das Ihren Anforderungen entspricht.

Mit WeWeb können Sie Workflows zur Verwaltung der Geschäftslogik erstellen, APIs integrieren, NPM-Pakete verwenden und benutzerdefinierten Code hinzufügen.

Verwandt: WeWeb vs Bubble

Was ist Supabase?

Supabase ist eine Open-Source-Backend-Plattform, die Ihnen hilft, die Daten und Benutzerkonten Ihrer Anwendung zu verwalten. Basierend auf PostgreSQL bietet es eine verwaltete Datenbank, Benutzerauthentifizierung, Echtzeit-Datensynchronisierung, automatisch generierte APIs und serverlose Funktionen.

Diese Funktionen machen Supabase zu einer praktischen Alternative zu anderen Backend-Optionen wie Xano, Bubble oder dem Aufbau eines Backends von Grund auf.

Warum WeWeb mit Supabase koppeln?

Die Kombination von WeWeb und Supabase ermöglicht Ihnen effizientes Bauen. WeWeb kümmert sich um die Frontend-Benutzeroberfläche, während Supabase die Datenbank, das Backend und die Benutzerauthentifizierung verwaltet. Diese Trennung macht die Entwicklung organisierter und die Wartung einfacher.

Verwandt: Arbeiten mit WeWeb und Xano

Supabase und WeWeb verbinden

Vorausgesetzt, Sie haben das Datenbankschema in Supabase bereits definiert, dauert es kaum 5 Minuten, Supabase mit WeWeb zu verbinden.

• Richten Sie ein Supabase-Konto und -Projekt ein.

• Konfigurieren Sie Ihre Datenbank und Authentifizierung in Supabase.

• Generieren Sie API-Schlüssel in Supabase für den Zugriff: Navigieren Sie im Supabase-Dashboard zum Bereich Einstellungen > API.

• Kopieren Sie die Projekt-URL und den öffentlichen API-Schlüssel; diese benötigen Sie, um WeWeb mit Supabase zu verbinden.

• Fügen Sie Supabase als Datenquelle in WeWeb hinzu: Melden Sie sich bei Ihrem WeWeb-Konto an.

• Gehen Sie zum Bereich Plugins und fügen Sie das Supabase Data Source Plugin hinzu.

• Fügen Sie die Projekt-URL und den öffentlichen API-Schlüssel, die Sie von Supabase erhalten haben, ein, wenn Sie dazu aufgefordert werden.

• Aktivieren Sie optional Echtzeit-Tabellen, wenn Sie Live-Datenaktualisierungen wünschen.

Für eine detaillierte Anleitung sehen Sie sich dieses Video an.

Supabase-Daten in WeWeb verwenden

Sobald Sie Supabase mit WeWeb verbunden haben, können Sie Supabase überall in Ihrer App verwenden.

• Erstellen Sie eine Collection und wählen Sie Supabase als Datenquelle.
• Fügen Sie ein Data Grid- oder Container-Element zu Ihrer WeWeb-Seite hinzu.
• Binden Sie die Collection an dieses Element, damit es die Daten von Supabase anzeigt.
• Passen Sie das Layout an Ihre Designanforderungen an.

Um Daten von WeWeb an Supabase zu senden und CRUD-Operationen durchzuführen, können Sie einen Workflow erstellen und Eingabewerte an Supabase zurücksenden. Sie müssen die Verbindung zum Endpunkt nicht von Grund auf neu herstellen, da WeWeb integrierte Aktionen für Insert, Select, Update, Delete und Upsert bietet.

Typischerweise würden Sie auch Postgres-Funktionen und Edge-Funktionen in Supabase für komplexe Datenmanipulationen erstellen. Und Sie können diese direkt von WeWeb aus auslösen.

Supabase-Authentifizierung in WeWeb verwenden

Das Hinzufügen eines Authentifizierungssystems ist unkompliziert, da WeWeb das Supabase SDK integriert hat.

WeWeb bietet Authentifizierungsaktionen wie Registrierung, Anmeldung und Passwort vergessen, die sofort funktionieren. Sogar die Benutzeroberfläche ist mit den Workflows vorgefertigt.

• Navigieren Sie in WeWeb zu Plugins > Authentication und fügen Sie das Supabase Auth Plugin hinzu.
• Geben Sie Ihre Supabase Project URL, Public API Key und Private API Key ein.
• Verwenden Sie die vorgefertigten UI-Elemente von WeWeb für Registrierungs- und Anmeldeformulare.
• Passen Sie Formulare an und richten Sie Workflows ein, um Benutzerinteraktionen nach Bedarf zu verwalten.

Rollenbasierte Zugriffskontrolle (RBAC) implementieren

• Erstellen Sie eine roles-Tabelle in Supabase, um Benutzerrollen zu definieren.
• Richten Sie eine Verknüpfungstabelle, z. B. user_roles, ein, um Benutzer mit Rollen zu verknüpfen.
• Konfigurieren Sie WeWeb so, dass diese Rollen erkannt werden und der Zugriff auf verschiedene Teile Ihrer Anwendung gesteuert wird.

Echtzeit-Datenfunktion mit Supabase und WeWeb

Supabase bietet Echtzeit-Datensynchronisierung, wodurch Ihre Anwendungsdaten kontinuierlich ohne manuelle Aktualisierungen aktualisiert werden können.

In einer Live-Chat-Anwendung erscheinen beispielsweise von einem Benutzer gesendete Nachrichten sofort für andere.

Die Synchronisierung erfolgt über WebSocket-Verbindungen, was eine Kommunikation mit geringer Latenz gewährleistet.

Warum wir Supabase mit WeWeb empfehlen

Es gibt viele Gründe, die im Vergleich zu Xano für Supabase sprechen.

Open-Source-Transparenz

Der Open-Source-Charakter von Supabase bietet Transparenz und Flexibilität, was eine Anpassung an spezifische Projektanforderungen ermöglicht.

Benutzerdefinierter Code

Während Sie in Xano Lambda-Funktionen für Operationen verwenden können, die nicht nativ angeboten werden, ist Supabase in Bezug auf benutzerdefinierte Code-Operationen weitaus flexibler.

Preisgestaltung

Die Preisgestaltung von Supabase ist im unteren Bereich angesiedelt. Sogar der kostenlose Plan von Supabase kann für einige kleine Apps funktionieren, bei denen keine dedizierten Ressourcen benötigt werden. Wenn Sie mehr Ressourcen benötigen, können Sie jederzeit auf einen höheren Plan upgraden, die erschwinglich sind. Und wenn Sie noch einen Schritt weiter gehen möchten, können Sie es sogar auf Ihrem eigenen Server hosten.

Bei Xano hingegen ist der kostenlose Plan für die meisten Anwendungsfälle unzureichend. Und Sie müssten auf den Scale-Plan upgraden, wenn Sie eine Produktions-App mit einer angemessenen Anzahl von Benutzern haben. Der kostenlose Plan von Supabase ist jedoch für die meisten Benutzer ausreichend, solange die gemeinsame CPU für Sie kein Problem darstellt.

Vektor-Embeddings

Wenn Sie KI in Ihre Anwendung integrieren und Ihre App-Daten für eine bessere Erfahrung nutzen möchten, müssen Sie Vektor-Embeddings verwenden. Und Supabase ermöglicht Ihnen die Verwendung von OpenAI und Hugging Face zum Speichern, Indizieren und Suchen von Vektor-Embeddings.

HIPAA- und SOC2-Konformität

Supabase ist SOC2-konform. Wenn das IT-Audit Ihrer Organisation SOC2-Konformität erfordert, werden nur wenige Backend-Tools diese Anforderung erfüllen.

Einer unserer Kunden verwaltet sensible medizinische Daten in den USA, daher müssen wir die HIPAA-Konformität sicherstellen. Supabase bietet hierfür ein optionales Upgrade an.

Einschränkungen von Supabase

Obwohl Supabase viele Vorteile hat, gibt es bestimmte Einschränkungen:

Ressourcenbeschränkungen

Supabase erzwingt Limits für verschiedene Ressourcen. Zum Beispiel beträgt die maximale Speicherzuweisung für Edge Functions 256 MB, und die maximale Dauer für diese Funktionen variiert je nach Plan – 150 Sekunden für den kostenlosen Plan und 400 Sekunden für kostenpflichtige Pläne. Zusätzlich beträgt die maximale Funktionsgröße nach dem Bundling 20 MB.

Automatische Backups und Branching

Supabase bietet in seinem kostenlosen Plan keine Branching- und automatischen Backup-Funktionen an. Für die meisten Projekte sind diese jedoch erforderlich. Allein aus diesem Grund sollten Sie über ein Upgrade auf einen kostenpflichtigen Plan nachdenken.

Dateiupload-Limits

Supabase legt Dateigrößenbeschränkungen für Speicher-Uploads fest. Im kostenlosen Plan darf die Dateigröße 50 MB nicht überschreiten. Kostenpflichtige Pläne erlauben höhere Limits, bis zu 50 GB, mit Optionen für weitere Erhöhungen auf Anfrage.

Datenbankgrößenbeschränkungen

Projekte im kostenlosen Plan haben ein CPU-Limit von 500 MB. Das Erreichen dieses Limits zwingt die Datenbank in den Nur-Lese-Modus, bis Sie Daten reduzieren oder ein Upgrade durchführen.

Unterstützung für benutzerdefinierte Domains

Supabase unterstützt nativ keine benutzerdefinierten Domains für seine Dienste. Das bedeutet, Ihr Projekt ist über eine Supabase-Subdomain zugänglich, was möglicherweise nicht mit den Branding-Anforderungen einiger Anwendungen übereinstimmt.

Kostspielige optionale Upgrades

Wenn der Supabase Pro-Plan aus irgendeinem Grund für Ihren Anwendungsfall (z. B. HIPAA, SLAs) unzureichend ist, ist der Sprung zum Team-Plan dramatisch – von 25 $/Monat auf 500 $/Monat.

Self-Hosting mit Supabase

Einerseits gibt Ihnen Self-Hosting die vollständige Kontrolle über Ihr Backend, sodass Sie alle Projektanforderungen erfüllen können. Self-Hosting ist hilfreich beim Erstellen von Anwendungen, die sensible Daten verarbeiten. Für große Anwendungen kann Self-Hosting im Vergleich zu Managed Services Kosteneinsparungen mit sich bringen.

Andererseits erfordert Self-Hosting ein fundiertes Verständnis von Serververwaltung und Datenbankadministration, da Sie für die Einrichtung und Wartung der Infrastruktur verantwortlich sind.

Dies bedeutet, über Serverressourcen zu verfügen und die Skalierbarkeit zu planen, was eine sorgfältige und kontinuierliche Verwaltung erfordert. Darüber hinaus sind regelmäßige Updates, Backups und Systemüberwachung entscheidend für die Aufrechterhaltung von Stabilität und Sicherheit, was den Wartungsaufwand erhöht.

Bevor Sie sich für Self-Hosting entscheiden, ist es entscheidend, die spezifischen Anforderungen Ihres Projekts, die technischen Fähigkeiten Ihres Teams und die verfügbaren Ressourcen zur effektiven Verwaltung und Wartung der Infrastruktur zu bewerten.

Wann Self-Hosting in Betracht ziehen?

• Anpassungsbedürfnisse: Wenn Ihr Projekt spezifische Konfigurationen oder Integrationen erfordert, die von Managed Services nicht unterstützt werden, bietet Self-Hosting die Flexibilität, diese zu implementieren.
• Datenschutzbedenken: Projekte, die sensible Informationen verarbeiten, können von den erweiterten Sicherheitskontrollen profitieren, die durch Self-Hosting verfügbar sind.
• Vorhersehbare Arbeitslasten: Anwendungen mit stetigem, vorhersehbarem Datenverkehr können Self-Hosting nutzen, um Kosten effektiv zu optimieren.

Wann Managed Services vorzuziehen sein könnten

• Schnelle Bereitstellung: Managed Services erleichtern die schnelle Einrichtung, sodass Sie sich auf die Entwicklung konzentrieren können, ohne sich um die Infrastruktur kümmern zu müssen.
• Begrenzte technische Ressourcen: Teams, denen es an internem Fachwissen für die Serververwaltung mangelt, finden Managed Services möglicherweise praktischer.

Fazit

Supabase und WeWeb bilden einen leistungsstarken Stack für Teams, deren Entwickler mit SQL und Postgres vertraut sind. Sie erhalten echte Datenbankleistung und ein schnelles Frontend.

Für Teams ohne diese Backend-Erfahrung ist Xano die bessere Standardwahl – mit geringerem Einrichtungsaufwand, weniger Fallstricken und einer einfacheren Übergabe.

Verwandt: Arbeiten mit WeWeb und Xano