Veröffentliche dein SaaS-Dashboard in Minuten
Generiere ein komplettes SaaS-Dashboard mit Nutzerverwaltung, Analytics-Diagrammen, Abrechnungsintegration und Admin-Panels. VULK baut produktionsreife Dashboards mit React, Tailwind CSS und PostgreSQL-Backends.
Der vollständige PromptEin konkreter Ausgangspunkt
Baue ein Dashboard für ein kleines Abo-Unternehmen: Umsatzübersicht, Kundensuche, Abostatus und Bearbeitung fehlgeschlagener Zahlungen.
Der vollständige Prompt
Passe den Auftrag an dein Unternehmen an und entwickle ihn in VULK weiter.
Baue ein Dashboard für ein kleines Abo-Unternehmen: Umsatzübersicht, Kundensuche, Abostatus und Bearbeitung fehlgeschlagener Zahlungen. Nimm diese Funktionen auf: - Echtzeit-Analytics-Diagramme und KPI-Widgets - Nutzerverwaltung mit Rollen und Berechtigungen - Stripe-Billing-Integration mit Abo-Verwaltung - Responsive Seitenleisten-Navigation mit Dark Mode - PostgreSQL-Backend mit automatisch generierter REST-API Baue das vollständige funktionsfähige Projekt mit Routen, Datenmodell und Interaktionen. Implementiere für gespeicherte oder private Daten Persistenz, Anmeldung und serverseitige Rechte. API-Zugangsdaten bleiben auf dem Server. Dokumentiere externe Dienste und nutze Testbetrieb, bis echte Konten verbunden sind. Stelle eine simulierte Integration nicht als fertige Live-Verbindung dar. Gestalte die Oberfläche responsiv, mit zugänglichen Beschriftungen, Tastaturbedienung und sichtbarem Fokus. Berücksichtige Laden, leere Ansichten, Validierung und Fehler. Kennzeichne Beispieldaten; erfinde keine Kundenstimmen oder Ergebnisse. Wähle eine passende Gestaltung und konsistente Typografie, Abstände und Bedienelemente. Erkläre Ausführung, Tests, Export und Veröffentlichung des Codes. Prüfe diesen vollständigen Ablauf: Ändere den Zeitraum, öffne einen Kunden und löse einen Zahlungsfall. Summen und Verlauf müssen zu denselben gespeicherten Daten passen.
Technische Prüfschritte für dein SaaS-Grundgerüst
Technischer Leitfaden aktualisiert:
VULK kann ein editierbares React-Grundgerüst mit Authentifizierung, PostgreSQL und REST-Endpunkten erzeugen. Beschreibe Workspace-Modell, Zugriffsverwaltung und Abonnementablauf mit konkreten Abnahmetests.
Isolation der Workspaces
Lege zwei Workspaces mit jeweils einem anderen Mitgliedskonto an. Versuche, Datensätze des anderen Workspaces zu lesen, zu ändern und zu löschen, auch direkt über die API. Alle drei Vorgänge müssen scheitern. Teste den Rechteentzug auch bei einer bestehenden Sitzung.
Abonnementabrechnung
Die Abrechnungsoberfläche ist nur ein Teil des Ablaufs. Hinterlege Testzugangsdaten auf dem Server, schließe einen Test-Checkout ab, öffne das Kundenportal und übermittle einen signierten Webhook. Derselbe erneut gesendete Event darf die Änderung nicht duplizieren. Aktiviere echte Zahlungen erst nach diesen Prüfungen.
Reproduzierbare Übergabe
Baue den exportierten Code in einer sauberen Umgebung. Dokumentiere Umgebungsvariablen, Datenbankeinrichtung und Dienstverbindungen. Prüfe ein neues Konto, persistente Daten und abgelehnte Zugriffe zwischen Workspaces erneut in der veröffentlichten Anwendung.
Weitere Anwendungsmöglichkeiten
Alle AnwendungsfälleWas du bekommst
- +Echtzeit-Analytics-Diagramme und KPI-Widgets
- +Nutzerverwaltung mit Rollen und Berechtigungen
- +Stripe-Billing-Integration mit Abo-Verwaltung
- +Responsive Seitenleisten-Navigation mit Dark Mode
- +PostgreSQL-Backend mit automatisch generierter REST-API
FAQ
Kann ich das Dashboard-Layout anpassen?
Ja, beschreibe dein ideales Layout in natürlicher Sprache und VULK generiert es. Du kannst per Konversation iterieren und verfeinern, bis es exakt deiner Vorstellung entspricht.
Enthält es echte Backend-Funktionalität?
Absolut. VULK generiert eine echte PostgreSQL-Datenbank mit Authentifizierung, REST-APIs und Admin-Endpunkten – nicht nur ein statisches Mockup.
Kann ich mein eigenes Stripe-Konto verbinden?
Ja. Das generierte Dashboard enthält Stripe-Integrationscode. Füge einfach deine Stripe-API-Schlüssel hinzu und dein Abrechnungssystem ist bereit.