Deine Projektdaten verwalten
Mit den Oberflächen und Regeln, die condoo.Vibe rund um deine Datenbank erstellt, lassen sich von Nutzern erstellte Daten organisieren, durchsuchen, filtern und sicher ändern.
Sobald Menschen deine Anwendung nutzen, erzeugen sie Daten.
Kunden registrieren sich. Leads werden hinzugefügt. Bestellungen werden aufgegeben. Termine werden gebucht. Projekte werden erstellt. Abschlüsse durchlaufen Vertriebspipelines.
condoo.Vibe hilft dir, Anwendungen zu entwickeln, die diese Informationen nicht nur sammeln. Sie können sie organisieren, abrufen, aktualisieren, filtern, auswerten und schützen.
Die Daten deiner Anwendung sind Teil deines Produkts. condoo.Vibe hilft dir, die Funktionen zu erstellen, die diese Daten nutzbar machen.
Was sind Projektdaten?
Projektdaten sind die Informationen, die deine Anwendung erstellt und verwendet.
In einem CRM können dazu gehören:
- Leads
- Kontakte
- Abschlüsse
- Nachfassaktionen
- Notizen
- Aktivitäten
- Teammitglieder
In einer Buchungsanwendung:
- Kunden
- Dienstleistungen
- Mitarbeitende
- Termine
- Verfügbarkeit
- Zahlungen
In einer E-Commerce-Anwendung:
- Kunden
- Produkte
- Bestellungen
- Bestellpositionen
- Adressen
- Zahlungen
Diese Informationen werden in der Datenbank deines Projekts gespeichert und in der gesamten Anwendung verwendet.
Daten und Inhalte
Es ist hilfreich, Anwendungsdaten von normalen Website-Inhalten zu unterscheiden.
Eine Überschrift auf der Startseite wie:
Mit Zuversicht zum eigenen Traumhaus.
ist in erster Linie Website-Inhalt.
Ein Kundendatensatz wie:
Name: Sarah Chen
E-Mail: sarah@example.com
Tarif: Pro
Status: Aktiv
ist ein Anwendungsdatensatz.
Anwendungsdaten sind normalerweise dynamisch.
Sie ändern sich, während Menschen dein Produkt nutzen.
condoo.Vibe kann Oberflächen für deine Daten erstellen
Deine Nutzer sollten nicht direkt mit einer Datenbank arbeiten müssen.
Stattdessen kann condoo.Vibe Oberflächen erstellen, über die sie mit den in deiner Anwendung gespeicherten Informationen arbeiten.
Eine Leads-Seite könnte beispielsweise Folgendes bieten:
- Suche
- Filter
- Sortierung
- Seitennavigation
- Create Lead
- Edit Lead
- Delete Lead
- Statusänderungen
- Zugewiesene Makler
Über die Oberfläche bearbeiten Nutzer die zugrunde liegenden Daten.
Vereinfacht dargestellt:
NUTZER
↓
ANWENDUNGSOBERFLÄCHE
↓
SERVERSEITIGE LOGIK
↓
NEON POSTGRES
Daten erstellen
Du kannst condoo.Vibe erklären, wie Nutzer Datensätze erstellen sollen.
Zum Beispiel:
Eine Schaltfläche Create Lead hinzufügen. Das Formular soll Name, E-Mail, Telefon, Quelle, Status, zugewiesenen Makler, Budget und Notizen erfassen.
Wenn der Nutzer das Formular absendet, kann die Anwendung die Angaben prüfen und den neuen Lead speichern.
Der Nutzer muss nichts über den zugrunde liegenden Datenbankvorgang wissen.
Daten anzeigen
Sobald Informationen vorhanden sind, brauchen Nutzer sinnvolle Möglichkeiten, sie anzuzeigen.
Zum Beispiel:
Eine Customers-Seite erstellen, die Name, Unternehmen, E-Mail, Tarif, Kontostatus und Registrierungsdatum anzeigt.
Oder:
Alle Immobilien in einem Kartenraster mit Bild, Immobilienname, Standort, Preis, Typ und Angebotsstatus anzeigen.
Unterschiedliche Daten können unterschiedliche Darstellungen erfordern.
condoo.Vibe kann Folgendes erstellen:
- Tabellen
- Karten
- Listen
- Detailseiten
- Kanban-Boards
- Kalender
- Dashboards
- Diagramme
Die Darstellung richtet sich danach, wie Nutzer mit den Informationen arbeiten müssen.
Suchen und filtern
Je größer die Datenmenge, desto schwieriger kann die Bedienung einer Anwendung werden.
Stell dir ein CRM mit 10 Leads vor.
Eine einfache Liste reicht vielleicht aus.
Nun stell dir vor, es enthält 10,000.
Nutzer brauchen Möglichkeiten, die wichtigen Einträge zu finden.
Du könntest schreiben:
Der Leads-Seite eine Suche hinzufügen. Nutzer sollen nach Name, E-Mail, Telefonnummer oder Unternehmen suchen können.
Danach:
Filter für Lead-Status, Quelle, zugewiesenen Makler und Erstellungsdatum hinzufügen.
Oder:
Nutzer sollen ausschließlich Abschlüsse anzeigen können, die voraussichtlich in diesem Monat zustande kommen.
condoo.Vibe kann diese Funktionen zur Datenverwaltung in deine Anwendung einbauen.
Sortieren
Nutzer müssen möglicherweise auch die Reihenfolge der Datensätze bestimmen können.
Zum Beispiel:
Die Kundentabelle soll sich nach Name, Registrierungsdatum und Gesamtumsatz sortieren lassen.
Oder:
Anstehende Termine nach Datum und Uhrzeit sortieren, den frühesten Termin zuerst.
Oder:
Die Abschlüsse mit dem höchsten Wert zuerst anzeigen.
Beschreib das gewünschte Verhalten, statt dir Gedanken über die Formulierung der Datenbankabfrage zu machen.
Seitennavigation
Tausende Datensätze gleichzeitig zu laden kann unnötige Leistungsprobleme verursachen.
Anwendungen teilen große Datenmengen üblicherweise in kleinere Ergebnisgruppen auf.
Zum Beispiel:
1-25 von 2,418 Leads werden angezeigt
← Zurück 1 2 3 4 5 Weiter →
Das wird als Paginierung oder Seitennavigation bezeichnet.
Für größere Datensätze kann condoo.Vibe eine passende Seitennavigation oder schrittweises Nachladen einrichten.
Technisch versierte Nutzer können auch genau festlegen, wie die Seitennavigation umgesetzt werden soll.
Detailseiten
Listen helfen Nutzern, Datensätze zu finden.
Detailseiten helfen ihnen, einzelne Datensätze zu verstehen.
Beim Auswählen eines Leads könnte beispielsweise Folgendes erscheinen:
Sarah Chen
Status
Qualifiziert
Budget
$850,000
Zugewiesener Makler
Marcus
Immobilieninteresse
Haus mit 3 Schlafzimmern
Nachfassaktionen
3
Letzte Aktivitäten
...
Du kannst condoo.Vibe bitten:
Eine Lead-Detailseite erstellen, die Kontaktdaten, Status, zugewiesenen Makler, Budget, Notizen, Nachfassaktionen, zugehörige Abschlüsse und letzte Aktivitäten zeigt.
condoo.Vibe kann die dafür benötigten Projektdaten abrufen und zusammenführen.
Daten bearbeiten
In den meisten Anwendungen müssen Nutzer bestehende Datensätze aktualisieren können.
Zum Beispiel:
Makler sollen Kontaktdaten, Status, Budget, zugewiesenen Makler und Notizen eines Leads bearbeiten können.
Oder:
Kunden sollen ihre Rechnungsadresse unter Account Settings aktualisieren können.
Wenn der Nutzer die Änderungen speichert, kann die Anwendung die entsprechenden Daten in Neon aktualisieren.
Festlegen, wer was bearbeiten darf
Nicht jeder authentifizierte Nutzer sollte automatisch jeden Datensatz ändern dürfen.
Zum Beispiel:
Makler können ihnen zugewiesene Leads aktualisieren. Administratoren können jeden Lead im Arbeitsbereich aktualisieren.
Oder:
Kunden können ihr eigenes Profil aktualisieren, aber keine Informationen anderer Kunden bearbeiten.
Hier wirken Projektdaten, Authentifizierung und Autorisierung zusammen.
Daten löschen
Das Löschen verdient besondere Aufmerksamkeit, weil es Daten unwiederbringlich entfernen kann.
Eine einfache Anwendung könnte Folgendes erlauben:
Diese Notiz löschen.
Das Löschen eines Kunden könnte jedoch Folgendes betreffen:
Kunde
↓
Projekte
↓
Aufgaben
↓
Kommentare
Was soll mit allen zugehörigen Informationen passieren?
Diese Entscheidung sollte bewusst getroffen werden.
Das Löschverhalten festlegen
Bei wichtigen Datensätzen solltest du condoo.Vibe mitteilen, was geschehen soll.
Zum Beispiel:
Nutzer können Rechnungsentwürfe löschen, aber bezahlte Rechnungen dürfen niemals dauerhaft gelöscht werden.
Oder:
Wenn ein Administrator ein Projekt löscht, auch dessen Aufgaben und Kommentare löschen, aber nicht den Kunden.
Oder:
Kunden nicht dauerhaft löschen. Stattdessen archivieren.
Das sind Produktentscheidungen, nicht bloß Datenbankentscheidungen.
Archivieren als Alternative erwägen
Manche Informationen sollten nicht dauerhaft gelöscht werden.
Vielleicht bevorzugst du:
Aktiv → Archiviert
anstelle von:
Datensatz → Dauerhaft gelöscht
Zum Beispiel:
Nutzer sollen abgeschlossene Projekte archivieren können. Archivierte Projekte sollen aus der standardmäßigen Projects-Ansicht verschwinden, aber über einen Archived-Filter weiterhin zugänglich sein.
So bleiben historische Informationen erhalten, während die Hauptoberfläche übersichtlich bleibt.
Datenbeziehungen
Die Daten deiner Anwendung werden oft nützlicher, wenn unterschiedliche Datensätze miteinander verknüpft sind.
Zum Beispiel:
KUNDE
↓
PROJEKT
↓
AUFGABE
↓
KOMMENTAR
Oder:
LEAD
↓
ABSCHLUSS
↙ ↘
MAKLER IMMOBILIE
Diese Beziehungen ermöglichen condoo.Vibe, umfangreichere Funktionen zu erstellen.
Zum Beispiel:
Auf der Kundendetailseite alle Projekte dieses Kunden anzeigen.
Oder:
Auf der Immobiliendetailseite alle Abschlüsse anzeigen, die mit der Immobilie verknüpft sind.
Oder:
Alle Aufgaben anzeigen, die dem aktuell angemeldeten Nutzer zugewiesen sind.
Informationen nicht unnötig duplizieren
Angenommen, ein Projekt gehört zu einem Kunden.
Statt alle Kundendaten in jedem Projekt separat zu speichern, kann die Anwendung das Projekt mit dem bestehenden Kundendatensatz verknüpfen.
Vereinfacht dargestellt:
Kunde
ID: 124
↓
Projekt
Kunde: 124
Dadurch lassen sich Informationen leichter konsistent halten, während deine Anwendung wächst.
condoo.Vibe kann diese Beziehungen anhand deiner Produktanforderungen gestalten.
Dashboard-Daten
Projektdaten können auch Dashboards und Berichte mit Informationen versorgen.
Zum Beispiel:
Gesamtkundenzahl, aktive Abonnements, MRR, Neukunden dieses Monats und abgewanderte Kunden anzeigen.
Oder:
Den gesamten Pipeline-Wert nach Abschlussphase gruppiert anzeigen.
Oder:
Die heutigen Termine anzeigen und die Buchungen dieser Woche mit denen der letzten Woche vergleichen.
Vereinfacht dargestellt:
ANWENDUNGSDATEN
↓
Filtern + Berechnen
↓
KENNZAHLEN
↓
DASHBOARD
Dein Dashboard bildet so die tatsächlichen Aktivitäten in der Anwendung ab.
Kennzahlen dynamisch halten
Stell beim Erstellen einer echten Anwendung klar, wann Dashboard-Zahlen aus der Datenbank kommen sollen.
Zum Beispiel:
Die Platzhalterkennzahlen im Dashboard durch aktuelle Werte ersetzen, die aus den Daten des aktuellen Arbeitsbereichs berechnet werden.
So wird verhindert, dass ein produktiv genutztes Dashboard weiterhin dekorative Beispielzahlen anzeigt.
Leerzustände
Deine Anwendung muss auch funktionieren, wenn noch keine Daten vorhanden sind.
Stell dir vor, ein neuer Kunde erstellt ein Konto und sieht:
Leads insgesamt: 0
Abschlüsse: 0
Pipeline: $0
Einfach eine leere Tabelle anzuzeigen ist nicht immer die beste Lösung.
Stattdessen:
Du hast noch keine Leads.
Füge deinen ersten Lead hinzu, um deine Pipeline aufzubauen.
[Ersten Lead hinzufügen]
Das wird als Leerzustand bezeichnet.
Du kannst condoo.Vibe bitten, in der gesamten Anwendung hilfreiche Leerzustände einzurichten.
Für den ersten Nutzer gestalten
Teste bei datenintensiven Anwendungen, was passiert, bevor Datensätze vorhanden sind.
Frag dich:
- Was zeigt das Dashboard an?
- Wie sieht eine leere Tabelle aus?
- Gibt es eine klare nächste Aktion?
- Versteht der Nutzer, was zu tun ist?
- Sind Diagramme leer oder fehlerhaft?
Zum Beispiel:
Gestaltete Leerzustände für Leads, Properties, Deals und Follow-ups hinzufügen. Jeder Leerzustand soll die Funktion erklären und eine klare Handlungsaufforderung zum Erstellen des ersten Datensatzes enthalten.
Das verbessert die Erfahrung neuer Nutzer.
Ladezustände
Daten stehen nicht immer sofort zur Verfügung.
Während deine Anwendung Informationen abruft, sollten Nutzer erkennen können, dass etwas passiert.
Statt kurz:
0 Leads
anzuzeigen, bevor die tatsächlichen Daten erscheinen, kann die Anwendung einen Ladezustand darstellen.
Zum Beispiel:
████████████
████████
██████████████
Skeleton-Platzhalter, Fortschrittsanzeigen oder andere Lademuster können datenbasierte Oberflächen ausgereifter wirken lassen.
Fehlerzustände
Manchmal lassen sich Daten nicht laden.
Eine nützliche Anwendung sollte das klar vermitteln.
Zum Beispiel:
Deine Leads konnten nicht geladen werden.
[Erneut versuchen]
So erscheint keine unverständliche, fehlerhafte Seite.
Du kannst condoo.Vibe bitten:
Lade-, Leer- und Fehlerzustände für die Kundentabelle hinzufügen. Wenn das Laden fehlschlägt, eine Fehlermeldung direkt in der Ansicht mit einer Retry-Schaltfläche anzeigen.
Mit Produktionsdaten arbeiten
Sobald echte Nutzer deine Anwendung verwenden, erfordern Datenbankänderungen mehr Sorgfalt.
Ein neues Feld hinzuzufügen ist etwas ganz anderes, als eine Tabelle mit Kundeninformationen zu löschen.
Teile condoo.Vibe vor größeren strukturellen Änderungen mit, dass die Anwendung echte Daten enthält.
Zum Beispiel:
Diese Anwendung wird jetzt produktiv genutzt und enthält Kundendaten. Die Beziehung zwischen Kunden und Organisationen muss geändert werden. Die bestehende Datenbank analysieren und vor Änderungen einen sicheren Migrationsplan erstellen.
Das ist ein guter Anwendungsfall für Plan + Max.
Mit realistischen Daten testen
Beispieldaten helfen dir zu verstehen, wie sich eine Anwendung verhält, bevor echte Kunden sie nutzen.
Ein CRM könnte beispielsweise realistische Beispiele für Folgendes enthalten:
- Unterschiedliche Status
- Unterschiedliche Makler
- Unterschiedliche Abschlusswerte
- Unterschiedliche Datumsangaben
- Abgeschlossene und überfällige Nachfassaktionen
Damit lassen sich Filter, Dashboards, Tabellen, Diagramme und Abläufe realistischer testen.
Beispieldaten sollten jedoch klar von echten Produktionsinformationen unterscheidbar sein.
condoo.Vibe Fragen zum Datenmodell stellen
Du kannst condoo.Vibe auch nutzen, um die Anwendung, die du gerade entwickelst, besser zu verstehen.
Zum Beispiel:
Erklären, wie Kunden, Projekte, Aufgaben und Nutzer in dieser Anwendung derzeit miteinander verknüpft sind. Keine Änderungen vornehmen.
Oder:
Die aktuelle Datenbankstruktur analysieren und prüfen, ob etwas verhindert, dass ein Kunde mehrere Projekte haben kann.
Das kann besonders vor größeren Änderungen hilfreich sein.
Die Modi Explore oder Plan helfen, wenn du vor der Umsetzung eine Analyse möchtest.
Datensicherheit
Die Daten deiner Anwendung können private Kunden- oder Geschäftsinformationen enthalten.
Deshalb sollte die Anwendung geeignete Zugriffsregeln durchsetzen.
Zum Beispiel:
Nutzer dürfen nur auf Daten ihres eigenen Arbeitsbereichs zugreifen.
Oder:
Kunden sollen nur Bestellungen sehen, die mit ihrem eigenen Konto verknüpft sind.
Oder:
Nur Administratoren dürfen auf das vollständige Kundenverzeichnis zugreifen.
Diese Regeln sollten im Backend der Anwendung durchgesetzt werden, nicht nur in der sichtbaren Oberfläche.
Die Zugehörigkeit berücksichtigen
Bei privaten Anwendungsdaten lautet eine wichtige Frage:
Wem gehört dieser Datensatz?
Zum Beispiel:
Arbeitsbereich
↓
Projekt
oder:
Kunde
↓
Bestellung
oder:
Nutzer
↓
Privates Dokument
Danach legst du fest, wer darauf zugreifen darf.
Das ist besonders bei mandantenfähigen Anwendungen wichtig.
Beispiel: CRM-Daten verwalten
Angenommen, du entwickelst ein Immobilien-CRM.
Deine Anwendung enthält:
Arbeitsbereich
│
├── Makler
├── Leads
├── Immobilien
├── Abschlüsse
└── Nachfassaktionen
Du könntest condoo.Vibe mitteilen:
Jeder CRM-Datensatz muss zu einem Arbeitsbereich gehören. Nutzer sollen nur Daten von Arbeitsbereichen sehen, in denen sie Mitglied sind.
Danach:
Leads um Suche, Filter, Sortierung und Seitennavigation ergänzen.
Danach:
Makler sollen verlorene Leads archivieren können, statt sie dauerhaft zu löschen.
Danach:
Den Pipeline-Wert nach Abschlussphase im Dashboard anzeigen.
Danach:
Jedem Lead einen Aktivitätsverlauf mit wichtigen Änderungen hinzufügen.
So verwandelst du gespeicherte Rohdaten schrittweise in eine vollständige Datenverwaltung.
Beispiel: Kundenportal
Stell dir ein Kundenportal mit folgenden Inhalten vor:
Kunde
│
├── Projekte
├── Dateien
├── Rechnungen
└── Nachrichten
Du könntest festlegen:
Nach der Anmeldung sollen Kunden nur Datensätze sehen, die ihrem eigenen Konto zugeordnet sind.
Danach:
Aktive Projekte zuerst anzeigen und abgeschlossene Projekte über ein Archiv zugänglich machen.
Danach:
Kunden sollen ihre Dateien nach Dateiname und Projekt durchsuchen können.
Danach:
Unbezahlte Rechnungen oben auf der Billing-Seite anzeigen.
Die Datenbank liefert die Informationen.
condoo.Vibe erstellt die dazugehörigen Funktionen und Oberflächen.
Eine hilfreiche Daten-Checkliste
Bei einer datenbasierten Funktion solltest du über Folgendes nachdenken:
Welche Informationen gibt es?
Leads, Kunden, Buchungen, Bestellungen ...
Wie werden sie erstellt?
Formular, Import, Zahlung, automatisierter Prozess ...
Wer kann sie sehen?
Eigentümer, Team, Kunde, Administrator ...
Wer kann sie ändern?
Alle, zugewiesene Nutzer, nur Administratoren ...
Wie werden sie organisiert?
Suche, Filter, Sortierung, Seitennavigation ...
Womit sind sie verknüpft?
Kunde → Projekt → Aufgabe
Was passiert beim Löschen?
Dauerhaftes Löschen, Archivierung, kaskadierendes Löschen ...
Was passiert, wenn keine Daten vorhanden sind?
Leerzustand.
Was passiert während des Ladens?
Ladezustand.
Was passiert, wenn das Laden fehlschlägt?
Fehlerzustand.
Diese Fragen helfen, aus einer datenbankgestützten Funktion eine vollständige Produkterfahrung zu machen.
Du verwaltest das Produkt, nicht den Datenbankserver
condoo.Vibe verfolgt nicht das Ziel, alle Gründer, Marketingfachleute, Designer oder Geschäftsinhaber zu Datenbankadministratoren zu machen.
Du legst fest:
- Welche Informationen dein Produkt benötigt.
- Wie Nutzer damit arbeiten sollen.
- Wer Zugriff haben soll.
- Welche Regeln gelten sollen.
condoo.Vibe hilft, diese Entscheidungen in der Anwendung umzusetzen.
Und weil condoo.Vibe Neon Postgres verwendet, kann hinter den Funktionen deiner dynamischen Anwendung eine echte relationale Datenbank stehen.
Abschnitt 3 abgeschlossen
Du kennst jetzt die wichtigsten Systeme, die condoo.Vibe hinter deiner Anwendung erstellen kann:
Datenbank
Dauerhaft gespeicherte Anwendungsdaten mit Neon Postgres.
Authentifizierung
Nutzeridentität über Google und E-Mail/Passwort.
Formulare und Uploads
Möglichkeiten für Nutzer, Informationen und Dateien bereitzustellen.
E-Mail und Zahlungen
Externe Abläufe über Integrationen.
APIs und serverseitige Logik
Die Regeln und Funktionen hinter deiner Anwendung.
Projektdaten
Die Informationen, die deine Nutzer erstellen, und wie dein Produkt damit arbeitet.
Zusammen ermöglichen diese Systeme condoo.Vibe, über das Erstellen von Oberflächen hinauszugehen und dir bei der Entwicklung von Full-Stack-Anwendungen zu helfen.
Als Nächstes: Integrationen (Connectors)
Manche Funktionen benötigen Dienste außerhalb von condoo.Vibe.
Für Zahlungen wird Stripe benötigt.
Transaktions-E-Mails können Resend verwenden.
Kommunikation kann Twilio verwenden.
Medien können Cloudinary verwenden.
KI-Funktionen können Anbieter wie OpenAI, Anthropic, Google und xAI anbinden.
Im nächsten Abschnitt geht es um condoo.Vibe Connectors: was sie sind, wie sie funktionieren und wie condoo.Vibe die Zugangsdaten für die Anbindung externer Dienste verarbeitet.