Functies

De complete stack, al ingebouwd

builder77 is een AI-builder, editor, backend en host in één. Beschrijf wat je wilt, verfijn het via de chat of met een klik en publiceer — database, logins, AI en hosting worden voor je geregeld.

01Bouwen met AI

Beschrijf het. Zie het verschijnen.

Chat met builder77 zoals je met een ervaren designer-developer zou doen. Het plant de schermen, schrijft de code, zet het datamodel op en laat je een live resultaat zien — meestal binnen ongeveer een minuut.

  • Bouwmodus voert wijzigingen door; in de bespreekmodus plan je en stel je vragen zonder de code aan te raken.
  • Prompt verbeteren maakt van een ruw idee in één zin een uitgewerkte beschrijving voordat je gaat bouwen.
  • Afbeeldingen toevoegen — sleep een screenshot, schets of moodboard erin als referentie.
  • Schrijf in elke taal — de interface van je app volgt de taal die je gebruikt.
BouwenBespreken
Verbeteren
Een boekingssite voor mijn barbershop met behandelingen, prijzen en een afsprakenformulier
referentie.png
AI-engine · Builder77 AI
Builder77 AIStandaard
De beste balans tussen kwaliteit en snelheid
1 credit
Builder77 AI Turbo
Snelste generaties voor kleine aanpassingen
2 credits
Builder77 AI MaxPlus
Het krachtigste model voor complexe apps
5 credits

Herstel met AI

Fouten in je preview worden automatisch opgevangen. Met één klik stuur je de fout naar builder77, dat de oorzaak opspoort en oplost.

Verder bouwen via de chat

Vraag om nieuwe pagina's, functies of een andere look. builder77 past alleen de bestanden aan die echt moeten veranderen.

Voorgestelde volgende stappen

Na elke build stelt builder77 een paar korte vervolgstappen voor, zodat je altijd weet wat je hierna kunt proberen.

02Design & bewerken

Aanwijzen, klikken, verfijnen

Zie elke wijziging live, op het apparaat dat voor jou telt. Als woorden niet precies genoeg zijn, klik je gewoon op het element dat je bedoelt — of open je de code en pas je die zelf aan.

Kies een element, beschrijf de wijziging
Strak geknipt, zonder wachten.
h1.hero-title
Maak deze kop groter en gebruik een schreeflettertype↑
Live preview per apparaat

Wissel tussen desktop-, tablet- en telefoonweergave om tijdens het bouwen elk breakpoint te controleren.

Onbeperkte versiegeschiedenis
  1. v7Reviewsectie toegevoegdhuidig
    nu
  2. v6Overgestapt op donker themaTerugzetten
    4 min geleden
  3. v5Boekingsformulier slaat op in databaseTerugzetten
    12 min geleden
  4. v4Eerste buildTerugzetten
    20 min geleden

Elk bericht maakt een versie. Bekijk er een in de preview en zet hem met één klik terug.

Ingebouwde code-editor
index.htmlapp.jsOpslaan als versie
<!-- hero -->
<h1 class="text-5xl font-serif">
  Strak geknipt, zonder wachten.
</h1>

Een volwaardige Monaco-editor in de builder. Bewerk elk bestand en sla het op als nieuwe versie — de AI gaat verder vanaf jouw wijzigingen.

03Backend

Een echte backend, zonder setup

Elke app krijgt automatisch de m77 SDK: een clouddatabase, gebruikersaccounts, AI, bestandsopslag, e-mail en betalingen. Geen sleutels om te plakken, geen servers om te beheren. Dezelfde data is via een REST API beschikbaar voor Flutter en native clients.

Database

Collecties zonder schema met filters, sortering, tellingen en records per gebruiker.

Logins

Registreren, inloggen en sessies voor de eigen gebruikers van je app.

AI

m77.ai.chat() met systeemprompts en JSON-output, aangedreven door Builder77 AI.

Opslag

Upload bestanden en afbeeldingen tot 10 MB en krijg een openbare URL terug.

E-mail

Verstuur transactionele e-mails zoals bevestigingen en meldingen.

Betalingen

m77.payments.checkout() verwerkt kaartbetalingen op je eigen Stripe-account (vanaf Starter).

Isolatie

Elke app draait op een eigen origin en de data hoort alleen bij die app. Gebruikers kunnen alleen hun eigen records bewerken.

Database, logins en hosting kosten geen credits. AI-aanroepen vanuit live apps kosten 1 integratiecredit per 500 tokens (input + output, minimaal 1 per aanroep) — ongeveer 3–4 credits voor een gemiddeld AI-antwoord; bestandsuploads en e-mails kosten elk 1 integratiecredit.

app.js — de m77 SDK
automatisch toegevoegd
// 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');

Volledige referentie in de documentatie.

04Mobiel & Flutter

Vandaag installeerbaar, native als je er klaar voor bent

Mobiele apps draaien meteen als Progressive Web Apps die mensen op hun beginscherm zetten. Wil je in de app stores staan? Zet je app dan om naar een native Flutter-project dat dezelfde clouddatabase gebruikt.

  • PWA-manifest en service worker worden automatisch toegevoegd bij publiceren
  • Flutter-conversie met één klik (3 berichtcredits) — Material 3, één lib/main.dart + pubspec.yaml
  • Draai het in de builder via DartPad, of met een echte server-side cloudbuild (vanaf het Plus-abonnement)
  • Download het Flutter-project vanaf Starter
PWA
Zet op het beginscherm van iPhone & Android
Flutter
iOS, Android & web uit één codebase
05Publiceren & hosting

Met één klik live

Publiceren duurt een paar seconden en omvat hosting, HTTPS en een deelbare link. Scan de QR-code om de app meteen op je telefoon te openen.

Gepubliceerd
https://barber-booking.builder77.com
https://boeken.jouwbarbershop.nl SSL

Elke app krijgt een jouwapp.builder77.com-adres. Vanaf Starter koppel je je eigen domein met één CNAME-record — SSL wordt automatisch geregeld.

Privé-apps

Zet de openbare link uit, zodat alleen jij de app kunt openen terwijl je eraan werkt. Vanaf Starter.

QR-code voor telefoons

Open de gepubliceerde app met één scan op je telefoon en installeer hem daarna.

Eigen domeinen

Gebruik een domein of subdomein dat van jou is. De DNS-instructies staan gewoon in Instellingen.

Naam, pictogram & kleur

Stel de naam, het pictogram en de themakleur van je app in — die worden gebruikt voor het pictogram op het beginscherm en voor previews bij het delen.

Badge verwijderen

Verberg de kleine “Made with builder77”-badge vanaf het Plus-abonnement.

06Jouw workflow

Gemaakt voor makers die snel schakelen

builder77 is ontworpen om één persoon snel van idee naar live product te brengen. Alles wat je na de lancering nodig hebt om de app te runnen, staat naast de chat.

Tabblad Data

Blader door collecties en bewerk ze, zie welke gebruikers zich in je app hebben aangemeld en beheer geüploade bestanden.

Dupliceren

Kopieer een app om een gedurfde nieuwe richting uit te proberen, of gebruik hem als startpunt voor een klant.

Werkende templates

Begin met echte, werkende templates met live demo's — en remix ze daarna via de chat.

Uitnodigen & verdienen

Deel je referrallink — zodra je vriend het e-mailadres heeft bevestigd, krijgen jullie allebei 10 extra berichtcredits.

07Statistieken & SEO

Weet wat werkt, word gevonden

Bekijk weergaven, gebruikers en records voor elke gepubliceerde app. Stel de titel en beschrijving in die zoekmachines en previews op social media gebruiken.

Statistieken · laatste 14 dagen
Weergaven
Gebruikers
Records

Illustratie — je dashboard toont de echte cijfers van je app.

Zoekresultaat-preview
barber-booking.builder77.com
Fade & Co. — Boek je knipbeurt in 30 seconden
Binnenlopen mag ook. Kies een barbier, kies een tijd en ontvang een bevestiging per e-mail.
08Eigendom & export

Jouw code. Jouw keuze.

Apps zijn gewoon HTML, CSS en JavaScript — geen eigen runtime die je moet ontwarren. Download het hele project als ZIP, open het Flutter-project in Xcode of Android Studio en bereik je data overal via de REST API.

ZIP-export

Download vanaf Starter elk bestand van je webapp. Host hem overal waar statische bestanden worden geserveerd.

Flutter-project

pubspec.yaml + lib/main.dart, klaar voor flutter run. Vanaf Starter.

REST API

Dezelfde database-, login- en AI-endpoints die de SDK gebruikt, beschikbaar voor elke client.

Wat er in elk abonnement zit

FunctieGratisStarterPlusProElite
Websites, webapps & mobiele apps✓✓✓✓✓
Database, logins, AI, opslag & e-mail✓✓✓✓✓
Installeerbare PWA✓✓✓✓✓
Apps3OnbeperktOnbeperktOnbeperktOnbeperkt
Eigen domeinen—✓✓✓✓
Privé-apps—✓✓✓✓
Broncode downloaden (ZIP)—✓✓✓✓
Flutter-project downloaden—✓✓✓✓
Flutter-webbuilds in de cloud——✓✓✓
Builder77 AI Max——✓✓✓
builder77-badge verwijderen——✓✓✓

Meer gebruikers, credits of een contract nodig? Bekijk Enterprise.

Alles hierboven, gratis te proberen

Beschrijf je idee en krijg binnen ongeveer een minuut een werkende eerste versie. Geen creditcard nodig.