Funktionen

Der komplette Stack, schon eingebaut

builder77 ist KI-Builder, Editor, Backend und Hosting in einem. Beschreib, was du willst, verfeinere es per Chat oder Klick und veröffentliche – Datenbank, Logins, KI und Hosting sind schon erledigt.

01Mit KI bauen

Beschreib es. Sieh zu, wie es entsteht.

Chatte mit builder77 wie mit einem erfahrenen Designer und Entwickler in einer Person. builder77 plant die Screens, schreibt den Code, richtet das Datenmodell ein und zeigt dir ein Live-Ergebnis – meist in etwa einer Minute.

  • Im Modus Bauen werden Änderungen umgesetzt; im Modus Diskutieren planst du und stellst Fragen, ohne den Code anzufassen.
  • Prompt verbessern macht aus einer groben Zeile eine detaillierte Beschreibung, bevor du baust.
  • Bildanhänge – zieh einen Screenshot, eine Skizze oder ein Moodboard als Referenz hinein.
  • Schreib in jeder Sprache – die Oberfläche deiner App folgt der Sprache, die du verwendest.
BauenDiskutieren
Prompt verbessern
Eine Buchungsseite für meinen Barbershop mit Leistungen, Preisen und Terminformular
referenz.png
KI-Engine · Builder77 AI
Builder77 AIStandard
Die beste Balance aus Qualität und Tempo
1 Credit
Builder77 AI Turbo
Am schnellsten für kleine Änderungen
2 Credits
Builder77 AI MaxPlus
Das stärkste Modell für komplexe Apps
5 Credits

Mit KI beheben

Fehler in deiner Vorschau werden automatisch erfasst. Ein Klick schickt den Fehler an builder77, das die Ursache findet und behebt.

Im Gespräch weiterbauen

Wünsch dir neue Seiten, Funktionen oder einen anderen Look. builder77 ändert nur die Dateien, die sich wirklich ändern müssen.

Vorschläge für die nächsten Schritte

Nach jedem Build schlägt builder77 ein paar kurze Ideen vor, damit du immer weißt, was du als Nächstes ausprobieren kannst.

02Design & Bearbeitung

Zeigen, klicken, verfeinern

Sieh jede Änderung live – auf genau dem Gerät, das für dich zählt. Wenn Worte nicht präzise genug sind, klick einfach auf das Element, das du meinst – oder öffne den Code und bearbeite ihn selbst.

Element auswählen, Änderung beschreiben
Frischer Schnitt, null Wartezeit.
h1.hero-title
Mach diese Überschrift größer und nimm eine Serifenschrift↑
Live-Vorschau in Geräterahmen

Wechsle zwischen Desktop-, Tablet- und Smartphone-Rahmen und prüfe jeden Breakpoint schon beim Bauen.

Unbegrenzter Versionsverlauf
  1. v7Bereich für Bewertungen hinzugefügtaktuell
    jetzt
  2. v6Auf dunkles Design umgestelltWiederherstellen
    vor 4 Min.
  3. v5Buchungsformular speichert in der DatenbankWiederherstellen
    vor 12 Min.
  4. v4Erster BuildWiederherstellen
    vor 20 Min.

Jede Nachricht erzeugt eine Version. Sieh dir jede davon in der Vorschau an und stell sie mit einem Klick wieder her.

Integrierter Code-Editor
index.htmlapp.jsAls Version speichern
<!-- hero -->
<h1 class="text-5xl font-serif">
  Frischer Schnitt, null Wartezeit.
</h1>

Ein vollwertiger Monaco-Editor direkt im Builder. Bearbeite jede Datei und speichere sie als neue Version – die KI macht mit deinen Änderungen weiter.

03Backend

Ein echtes Backend, ohne Einrichtung

Jede App bekommt automatisch das m77 SDK: Cloud-Datenbank, Benutzerkonten, KI, Dateispeicher, E-Mail und Zahlungen. Keine Schlüssel zum Einfügen, keine Server zum Betreiben. Dieselben Daten stehen über eine REST API auch Flutter- und nativen Clients zur Verfügung.

Datenbank

Schemalose Collections mit Filtern, Sortierung, Zählung und Datensätzen pro Nutzer.

Logins

Registrierung, Anmeldung und Sitzungen für die eigenen Nutzer deiner App.

KI

m77.ai.chat() mit System-Prompts und JSON-Ausgabe, angetrieben von Builder77 AI.

Speicher

Lade Dateien und Bilder bis 10 MB hoch und erhalte eine öffentliche URL zurück.

E-Mail

Versende Transaktions-E-Mails wie Bestätigungen und Benachrichtigungen.

Zahlungen

m77.payments.checkout() nimmt Kartenzahlungen direkt auf dein eigenes Stripe-Konto an (ab Starter).

Isolierung

Jede App läuft auf ihrem eigenen Origin, und ihre Daten gehören nur zu dieser App. Nutzer können nur ihre eigenen Datensätze bearbeiten.

Datenbank, Logins und Hosting verbrauchen keine Credits. KI-Aufrufe aus Live-Apps kosten 1 Integrations-Credit pro 500 Tokens (Eingabe + Ausgabe, mindestens 1 pro Aufruf) – etwa 3–4 Credits für eine typische KI-Antwort; Datei-Uploads und E-Mails kosten je 1 Integrations-Credit.

app.js – das m77 SDK
automatisch eingebunden
// 1. Sign a user in
await m77.auth.signIn({ email, password });

// 2. Save a record they own
const note = await m77.db.create('notes', {
  title: 'Kickoff call', pinned: true
});

// 3. Query only this user's data
const mine = await m77.db.list('notes', {
  where: { pinned: true }, sort: '-createdAt', mine: true
});

// 4. Add AI in one line
const summary = await m77.ai.chat(note.title, {
  system: 'Summarize in one sentence'
});

// 5. Files and email
const { url } = await m77.storage.upload(file);
await m77.email.send({ to, subject: 'Saved!', html });
m77.toast('All done');

Die vollständige Referenz findest du in der Dokumentation.

04Mobile & Flutter

Heute installierbar, nativ, wenn du so weit bist

Mobile Apps laufen sofort als Progressive Web Apps, die man sich auf den Home-Bildschirm legt. Wenn du in die App Stores willst, wandelst du sie in ein natives Flutter-Projekt um, das dieselbe Cloud-Datenbank nutzt.

  • PWA-Manifest und Service Worker werden beim Veröffentlichen automatisch hinzugefügt
  • Flutter-Umwandlung mit einem Klick (3 Nachrichten-Credits) – Material 3, eine einzige lib/main.dart + pubspec.yaml
  • Im Builder per DartPad ausführen oder als echten serverseitigen Cloud-Build (ab dem Plus-Tarif)
  • Flutter-Projekt herunterladen ab Starter
PWA
Zum Home-Bildschirm hinzufügen auf iPhone & Android
Flutter
iOS, Android & Web aus einer Codebasis
05Veröffentlichen & Hosting

Ein Klick, und du bist live

Veröffentlichen dauert Sekunden und umfasst Hosting, HTTPS und einen Link zum Teilen. Scanne den QR-Code, um die App sofort auf deinem Smartphone zu öffnen.

Veröffentlicht
https://barber-booking.builder77.com
https://termin.deinbarbershop.de SSL

Jede App bekommt eine Adresse unter deineapp.builder77.com. Ab Starter verbindest du deine eigene Domain mit einem einzigen CNAME-Eintrag – das SSL-Zertifikat wird automatisch ausgestellt.

Private Apps

Deaktiviere den öffentlichen Link, damit nur du die App öffnen kannst, solange du daran arbeitest. Ab Starter.

QR-Code fürs Smartphone

Öffne die veröffentlichte App mit einem Scan auf deinem Smartphone und installiere sie direkt.

Eigene Domains

Nutze eine Domain oder Subdomain, die dir gehört. Die DNS-Anleitung findest du direkt in den Einstellungen.

Name, Icon & Farbe

Lege Name, Icon und Designfarbe deiner App fest – für das Icon auf dem Home-Bildschirm und Link-Vorschauen beim Teilen.

Badge entfernen

Blende das kleine „Made with builder77“-Badge ab dem Plus-Tarif aus.

06Dein Workflow

Gemacht für Macher, die schnell vorankommen

builder77 ist darauf ausgelegt, dass eine einzelne Person schnell von der Idee zum Live-Produkt kommt. Alles, was du nach dem Launch für den Betrieb deiner App brauchst, liegt direkt neben dem Chat.

Tab „Daten“

Durchsuche und bearbeite Collections, sieh dir die Nutzer an, die sich in deiner App registriert haben, und verwalte hochgeladene Dateien.

Duplizieren

Kopiere jede App, um eine mutige Richtung auszuprobieren, oder nutze sie als Ausgangspunkt für einen Kunden.

Funktionierende Vorlagen

Starte mit echten, funktionierenden Vorlagen samt Live-Demo – und bau sie im Chat nach deinen Wünschen um.

Einladen & verdienen

Teile deinen Empfehlungslink – sobald die eingeladene Person ihre E-Mail-Adresse bestätigt, bekommt ihr beide 10 Bonus-Credits für Nachrichten.

07Analyse & SEO

Wissen, was funktioniert, gefunden werden

Sieh Aufrufe, Nutzer und Datensätze für jede veröffentlichte App. Lege Titel und Beschreibung fest, die Suchmaschinen und Link-Vorschauen in sozialen Netzwerken verwenden.

Analyse · letzte 14 Tage
Aufrufe
Nutzer
Datensätze

Illustration – dein Dashboard zeigt die echten Zahlen deiner App.

Suchvorschau
barber-booking.builder77.com
Fade & Co. – Haarschnitt in 30 Sekunden buchen
Auch ohne Termin willkommen. Wähle deinen Barber, such dir eine Uhrzeit aus und erhalte die Bestätigung per E-Mail.
08Eigentum & Export

Dein Code. Deine Entscheidung.

Apps bestehen aus reinem HTML, CSS und JavaScript – keine proprietäre Laufzeitumgebung, die du erst entwirren musst. Lade das ganze Projekt als ZIP herunter, öffne das Flutter-Projekt in Xcode oder Android Studio und greif über die REST API von überall auf deine Daten zu.

ZIP-Export

Lade ab Starter jede Datei deiner Web-App herunter. Hoste sie überall, wo statische Dateien ausgeliefert werden.

Flutter-Projekt

pubspec.yaml + lib/main.dart, bereit für flutter run. Ab Starter.

REST API

Dieselben Endpunkte für Datenbank, Logins und KI, die auch das SDK nutzt – für jeden Client verfügbar.

Was in jedem Tarif enthalten ist

FunktionKostenlosStarterPlusProElite
Websites, Web-Apps & Mobile Apps✓✓✓✓✓
Datenbank, Logins, KI, Speicher & E-Mail✓✓✓✓✓
Installierbare PWA✓✓✓✓✓
Apps3UnbegrenztUnbegrenztUnbegrenztUnbegrenzt
Eigene Domains—✓✓✓✓
Private Apps—✓✓✓✓
Quellcode herunterladen (ZIP)—✓✓✓✓
Flutter-Projekt herunterladen—✓✓✓✓
Flutter-Web-Builds in der Cloud——✓✓✓
Builder77 AI Max——✓✓✓
builder77-Badge entfernen——✓✓✓

Mehr Plätze, Credits oder einen Vertrag nötig? Sieh dir Enterprise an.

All das kostenlos testen

Beschreib deine Idee und erhalte in etwa einer Minute eine funktionierende erste Version. Keine Kreditkarte nötig.