Webanwendung
Cadrant-Webanwendungen sind Fullstack React.js-Anwendungen mit vollständiger Supabase-Integration. Sie sind für jeden Anwendungsfall konzipiert, der Datenpersistenz, Authentifizierung oder erweiterte Funktionen erfordert.
Anders als eine statische Website speichert und aktualisiert eine Webanwendung Daten: Benutzerkonten, über die Oberfläche angelegte Datensätze, Dashboards, die sich mit jeder Aktion ändern. Oberfläche, Serverlogik und Datenbank entstehen gemeinsam, in einem einzigen Projekt.
Hauptmerkmale
- Fullstack React.js-Anwendung mit integriertem Backend
- Supabase-Integration für PostgreSQL-Datenbank
- Vollständiges Authentifizierungssystem (E-Mail, OAuth, etc.)
- Edge Functions für benutzerdefinierte Server-Logik
- Integrierter Dateispeicher
- Echtzeit-API mit Subscriptions
So funktioniert es
- Beschreiben Sie die Anwendung im Chat: Hauptbildschirme, wer sich anmeldet, welche Daten Sie verarbeiten.
- Cadrant erzeugt die React-Oberfläche und das Datenmodell, das Ihr Projekt braucht.
- Prüfen Sie das Ergebnis in der Live-Vorschau und iterieren Sie dann Bildschirm für Bildschirm — ein Prompt, eine Änderung.
- Verbinden Sie Supabase, um Daten zu speichern, Nutzer zu authentifizieren und Serverlogik auszuführen.
- Veröffentlichen Sie unter einer Cadrant-URL oder Ihrer eigenen Domain.
Ideale Anwendungsfälle
- SaaS-Anwendungen
- Dashboards und interne Tools
- Marktplätze und E-Commerce
- Kollaborative Anwendungen
- Plattformen mit Benutzerkonten
- Jedes Projekt, das eine Datenbank erfordert
Backend und Daten
Eine Webanwendung stützt sich auf Supabase, verbunden mit Ihrem eigenen Konto. Jeder Baustein hat seine eigene Seite:
- Supabase verbinden — das Projekt mit Ihrem Supabase-Konto verbinden.
- Datenbank — Tabellen, Beziehungen und Abfragen, aus Ihren Prompts erzeugt.
- Authentifizierung — Registrierung, Anmeldung und Zugriffsregeln.
- Edge Functions — Serverlogik, die nie im Browser läuft.
- Dateispeicher — Dateien und Bilder, die Ihre Nutzer hochladen.
- Umgebungsvariablen — API-Schlüssel und Secrets, außerhalb des Frontends.
Weiterführend
- Best Practices für Prompts — Prompts schreiben, die gleich das richtige Ergebnis liefern.
- Versionierung — zu einer früheren Version zurückkehren und den Code zu GitHub pushen.
- Externe API-Integrationen — externe Dienste anbinden: Zahlungen, E-Mail, KI.
- Ihr Projekt veröffentlichen — die Anwendung online stellen, unter einer Cadrant-URL oder Ihrer Domain.
Abonnement
Webanwendungen sind mit dem Starter-Abonnement und höheren Plänen verfügbar. Dieses Abonnement beinhaltet Hosting, vollständige Supabase-Integration und alle erweiterten Funktionen.