Web-Apps und Dashboards: was Briks heute erstellt
Neben Websites bietet New project auch App und Dashboard an. Diese Seite erklärt, was jedes davon heute erstellt, wo die Daten liegen und was noch nicht verfügbar ist. Danach folgen drei Projekte: eine App für Buchungsanfragen, ein Bestandstracker und ein Bestellungs-Dashboard für ein Café.
Die drei Arten
| Art | Wie New project es beschreibt | Was heute möglich ist |
|---|---|---|
| Website | Seiten, die Menschen besuchen: ein Shop, eine Praxis, ein Restaurant, ein Portfolio. | Gestaltete Seiten mit Bildern und Bewegung, behandelt im gesamten Bereich Bauen, beginnend mit Ein neues Projekt starten. |
| App | Etwas, wofür sich Menschen anmelden: ein Kundenportal, ein Buchungstool. | Eine Website mit funktionierenden Teilen: Formulare, die speichern, Datensätze, die Sie verwalten, Seiten und Listen, die aus diesen Datensätzen entstehen, und Suche. |
| Dashboard | Zahlen, die ein Team im Blick behält: Umsatz nach Phase, nachzubestellender Bestand. | Bildschirme für die tägliche Arbeit: Navigation, Kennzahlen, Diagramme, Tabellen, Datensatzdetails, Formulare und Einstellungen. |
Eine App oder ein Dashboard starten
Art auswählen
Wo: New project
Klicken Sie in der Seitenleiste auf New project, wählen Sie App oder Dashboard, geben Sie einen Namen ein und klicken Sie auf Next.
Sagen Sie, was er behält
Wo: Describe it
Beschreiben Sie, wer es nutzt und was es tut. Nennen Sie, was gespeichert werden soll, was jeder Datensatz enthält und wer ihn aktualisiert. Für ein Dashboard bietet Start from an example die Ausgangspunkte Sales pipeline und Stock levels.
Die Stationen wählen
Wo: How it is built
Eine App bietet dieselben Schalter wie eine Website. Bei einem Dashboard lautet der Schritt „A dashboard builds straight through, with no words to approve and no look or hero to choose.“
Bauen
Wo: Review and create
Klicken Sie auf Build it. Die erste Version dauert einige Minuten, und Sie können dem Aufbau zusehen.
Einträge prüfen
Wo: Database
Sobald sie veröffentlicht ist, öffnen Sie den Tab Database, um jede Sammlung und ihre Datensätze zu sehen.
Was eine App heute kann
Eine App wird wie eine Website geplant und gebaut, mit denselben Fragen vor dem Bauen, Freigabe-Stopps und Look-Boards. Wenn Ihre Beschreibung verlangt, dass etwas gespeichert wird, erhält sie zusätzlich:
- Eine eigene Datenbank. Für Sie angelegt, in der EU, sobald der Build zum ersten Mal etwas speichert: Buchungen, Produkte, Veranstaltungen, Anfragen oder Beiträge.
- Formulare, die speichern. Das Standardformular legt jeden Eintrag unter Settings, Forms ab und sendet ihn Ihnen per E-Mail, sobald die Website in Produktion ist. Ein Formular kann stattdessen jeden Eintrag als Datensatz speichern, den Sie später finden, bearbeiten und in seinen Angaben ändern können. Bitten Sie in Ihrer Beschreibung darum.
- Seiten aus Datensätzen. Eine Listenseite und eine Seite für jeden Datensatz, sodass jede Veranstaltung oder jedes Produkt eine echte Seite ist, die Suchmaschinen finden. Wenn sich Datensätze ändern, zieht die veröffentlichte Website innerhalb weniger Minuten nach.
- Suche in dem, was es speichert, wenn Sie es verlangen.
- Konten und Zahlungen, wenn Sie danach fragen: Registrierung und Anmeldung für die eigenen Nutzer, Einmalzahlungen und Abonnements über Ihren eigenen Zahlungsanbieter sowie Versand oder Lagerbestand, aufgebaut mit Ihrem eigenen Zahlungskonto. Siehe Anmeldung und Zahlungen.
- Ein Dienst von Ihnen, mit Ihrem eigenen Schlüssel, etwa ein Newsletter-Verteiler, ein CRM oder eine Tabelle. Fragen Sie danach als Änderung, sobald die Website veröffentlicht ist: Briks fragt zuerst nach dem Schlüssel, mit einem Feld, das ihn direkt in den Secrets speichert, und der eigene Servercode der Website ruft den Dienst damit auf. Seiten im Browser eines Besuchers rufen nie eine andere Adresse auf. Siehe Fragen vor dem Build.
Bevor eine Website mit solchem Funktionscode veröffentlicht wird, liest Briks den Code auf Sicherheitsfehler: Schlüssel, die in Dateien geschrieben sind, Speichern ohne Begrenzung, Datensätze von Mitgliedern, die ohne Anmeldung gelesen werden, und Datenbankabfragen, die aus Text zusammengesetzt sind.
Was ein Dashboard ist
Ein Dashboard wird als Bildschirme gebaut, in denen Menschen täglich arbeiten, nicht als Seite zum Scrollen. Erwarten Sie:
- Ein Rahmen mit Navigation an der Seite, als schlanke Icon-Leiste, oder oben quer, plus einer oberen Leiste.
- Eine Kopfzeile auf jedem Bildschirm mit Titel, einer Zeile dazu und den wichtigsten Aktionen.
- Drei bis fünf Kennzahlen, Diagramme mit Einheiten und Beschriftungen sowie Tabellen mit Suche, Filtern, Sortierung und Seiten.
- Detailansichten von Datensätzen, Formulare und Einstellungsbildschirme, wo Ihre Beschreibung sie braucht.
- Auf dem Smartphone wird die seitliche Navigation zu einem Menü, und die Zahlen werden zu zweit pro Zeile angeordnet, dann einzeln.
Es gibt kein Hero, keine Marketing-Überschrift und keine Scroll-Animation, und es werden keine Bilder erzeugt. Ein Dashboard überspringt außerdem die Fragen vor dem Build und die Freigabe-Stopps: Es wird direkt aus Ihrer Beschreibung erstellt.
Woher die Zahlen kommen
Ein Dashboard speichert seine Datensätze in der Datenbank des Projekts, mit einer Tabelle für jede Art von Datensatz, die seine Bildschirme zeigen. Die erste Version füllt sie mit glaubwürdigen Beispieldatensätzen, die zueinander passen; die Produkte, Preise und Personen aus Ihrer Beschreibung werden zu Datensätzen, alle anderen erhalten einen erfundenen Namen. Seine Tabellen, Diagramme und Kennzahlen lesen diese Datensätze, jede Summe wird aus den Zeilen berechnet, und Formulare, die einen Datensatz hinzufügen oder ändern, speichern ihn. Seine Anmeldeseiten funktionieren: Solange es eine Vorschau ist, kann jeder mit seiner Adresse es öffnen, und sobald Sie es in die Produktion veröffentlichen, sehen nur angemeldete Konten mit Staff und Admin seine Daten. Registrieren Sie sich dort mit der E-Mail-Adresse, die Sie im Studio verwenden, um sein Admin zu werden.
Um die Datensätze zu gestalten, beschreiben Sie, was gespeichert wird, was jeder Datensatz enthält und wer ihn aktualisiert. Die Datensätze bearbeiten Sie im Tab Database, und die Bildschirme folgen.
Ihre Datensätze im Tab Database
Sobald ein Projekt eine Datenbank hat, bietet sein Tab Database fünf Ansichten: Data, Accounts, Orders, Subscriptions und Settings. Owner und Admins sehen den Tab auch schon vorher, mit Create database.
- Data listet jede Collection mit der Anzahl ihrer Datensätze auf. Owner, Admins und Editors können Datensätze öffnen, bearbeiten und löschen. “Änderungen erreichen die veröffentlichte Website innerhalb weniger Minuten.”
- Accounts listet die Personen auf, die auf der Website ein Konto angelegt haben, und dort legen Sie die Rolle jeder Person als Member, Staff oder Admin fest. Orders listet auf, was die Website über Ihren eigenen Zahlungsanbieter verkauft hat, und Subscriptions die Mitglieder, die für sich erneuernde Tarife zahlen. Accounts und Orders zeigen No accounts yet oder No orders yet, bis das Erste eintrifft.
- Settings enthält Downloads (bis zu 50.000 Datensätze pro Sammlung, als Tabelle oder als JSON), Wiederherstellungspunkte und die nächtliche Kopie. Downloads und nächtliche Kopien gibt es mit einem kostenpflichtigen Tarif.
Database behandelt die Datensätze ausführlich, Backups behandelt Kopien und das Wiederherstellen.
Geplante Aufgaben und Webhooks
Zwei Bereiche in den Settings des Projekts, in der Gruppe Developer, lassen eine App nach Zeitplan handeln oder andere Software darüber informieren, was geschehen ist.
- Scheduled tasks rufen nach einem von Ihnen gewählten Zeitplan eine Adresse auf, etwa Every day at 09:00 oder Mondays at 09:00: entweder eine eigene Adresse Ihrer App, die mit
/api/beginnt, oder eine andere. Ihre App braucht diese Adresse zuerst, bitten Sie also um sie als Änderung. Siehe Geplante Aufgaben. - Webhooks senden eine Nachricht an eine andere Adresse, wenn etwas passiert: Published, Form received oder Record changed. Siehe Webhooks.
| Plan | Geplante Aufgaben pro Projekt | Webhooks für ein Projekt |
|---|---|---|
| Free | 1 | 1 |
| Starter | 5 | 5 |
| Pro | 10 | 10 |
| Studio | 25 | 25 |
| Agency | 50 | 50 |
Was noch nicht verfügbar ist
- Tarife, die sich über PayPal, Mollie, Razorpay, Creem oder Dodo Payments erneuern: Diese nehmen vorerst nur Einmalzahlungen an. Abos laufen über Stripe, Paddle, Polar oder Lemon Squeezy.
- Formulareinträge aus Forms exportieren. Datensätze in der Datenbank können mit einem kostenpflichtigen Tarif heruntergeladen werden.
- E-Mail von Ihrer eigenen Domain. Website-E-Mail sendet von der eigenen Adresse Ihres Projekts bei emails.briks.live.
- Eine öffentliche API, ein MCP-Server oder eine Kommandozeile für Briks selbst.
Andere Software lässt sich weiterhin auf drei Wegen erreichen: Webhooks senden Ereignisse nach außen, geplante Aufgaben rufen nach Zeitplan eine Adresse auf, und eine Änderung kann einen Dienst anbinden, der Ihren eigenen Schlüssel verwendet, wie oben beschrieben.
Drei ausgearbeitete Beispiele
Paws & Suds ist ein Hundesalon in Bristol. Eine App für Buchungsanfragen: Besitzer wählen eine Leistung (komplette Pflege £55, Bad und Schnitt £38, Krallenkürzen £12), einen Wunschtag und vormittags oder nachmittags und geben Name, Rasse und Größe ihres Hundes sowie ihre Telefonnummer an. Wir rufen zurück, um zu bestätigen. Jede Anfrage soll als Datensatz mit dem Status neu, bestätigt oder abgelehnt gespeichert werden. Eine Startseite mit unseren Leistungen, Preisen und Öffnungszeiten.
Eine Startseite mit den Leistungen und Preisen sowie einem Anfrageformular. Jede Anfrage wird als Datensatz in einer Sammlung für Buchungsanfragen gespeichert und im Tab Database mit ihrer Anzahl angezeigt. Wer die Anrufe entgegennimmt, öffnet jede neue Anfrage, ruft den Inhaber an und ändert ihren Status. Einen Kalender auf freie Termine prüft sie nicht. Eine Anzahlung über Ihren eigenen Zahlungsanbieter oder Konten, mit denen Inhaber sich anmelden und ihre Buchungen sehen können, müssten Sie in der Beschreibung anfordern.
Fern & Stone ist ein Gartencenter mit Filialen in Harrogate und Ripon. Ein internes Bestands-Dashboard: jedes Produkt mit Kategorie, Bestand in jeder Filiale, Meldebestand, Lieferant und Datum der letzten Lieferung. Markiere alles unter dem Meldebestand. Führe die Produkte als Datensätze, die unser Manager jeden Freitag aktualisiert, und lies jede Zahl aus ihnen.
Navigation für Übersicht, Produkte und Lieferanten. Die Übersicht beginnt mit Kennzahlen wie den Positionen unter ihrem Meldebestand, einer Tabelle der Nachbestellungen und einem Diagramm nach Kategorie. Die Produkte sind Einträge im Tab Database; am Freitag bearbeitet der Manager dort die Bestände, und das Dashboard zieht innerhalb weniger Minuten nach. Sobald es in der Produktion veröffentlicht ist, sehen die Zahlen nur angemeldete Konten mit der Rolle Staff oder Admin: Der Manager registriert sich darauf, und der Inhaber weist diesem Konto unter Accounts die Rolle Staff zu.
Little Kiln ist ein Café in Hebden Bridge. Ein Bestell-Dashboard: Bestellungen und Einnahmen heute und diese Woche, Einnahmen pro Tag der letzten 30 Tage, die fünf Bestseller und eine Tabelle der heutigen Bestellungen mit Uhrzeit, Artikeln, Summe und ob vor Ort oder zum Mitnehmen.
Die Screens kommen wie beschrieben und lesen die Bestellungen aus der Datenbank des Projekts, die die erste Version mit glaubhaften Beispielbestellungen füllt. Die Kasse und das Kartenlesegerät kann sie nicht auslesen. Um echte Einnahmen zu erfassen, ersetzen Sie die Beispielbestellungen im Tab Database, oder bitten Sie um eine Sammlung für die Tageseinnahmen und tragen Sie dort jeden Tag den Betrag ein.
Welche Art sollte ich für ein Kundenportal wählen?
App. Bitten Sie in der Beschreibung um Kundenkonten und sagen Sie, was jeder Kunde sehen darf. Kunden registrieren sich mit E-Mail und Passwort, und Sie legen Rollen unter Database, Accounts fest. Siehe Anmeldung und Zahlungen.
Kann eine Website auch etwas speichern?
Ja. Bitten Sie in einer Änderung darum, was gespeichert werden soll, etwa Veranstaltungen oder Produkte. Die Datenbank wird angelegt, sobald der Build zum ersten Mal etwas speichert.
Aktualisiert sich ein Dashboard von selbst?
Nur aus Datensätzen in seiner eigenen Datenbank. Ihre andere Software liest es nicht, es sei denn, eine Änderung verbindet einen Dienst mit Ihrem eigenen Schlüssel. Wenn Sie einen Datensatz ändern, zieht das veröffentlichte Dashboard innerhalb weniger Minuten nach.