Funktioner

Hela stacken, redan inbyggd

builder77 är en AI-byggare, en editor, en backend och ett webbhotell på ett och samma ställe. Beskriv vad du vill ha, förfina det genom att chatta eller klicka och publicera – databas, inloggning, AI och hosting sköts åt dig.

01Bygg med AI

Beskriv det. Se det växa fram.

Chatta med builder77 som du skulle göra med en erfaren designer och utvecklare. Den planerar skärmarna, skriver koden, sätter upp datamodellen och visar ett live-resultat – oftast på ungefär en minut.

  • Byggläget gör ändringar; i diskussionsläget kan du planera och ställa frågor utan att röra koden.
  • Förbättra gör en grov enradare till en detaljerad specifikation innan du bygger.
  • Bildbilagor – släpp in en skärmdump, skiss eller moodboard som referens.
  • Skriv på vilket språk som helst – appens gränssnitt följer språket du använder.
ByggDiskutera
Förbättra
En webbplats för min frisersalong med tjänster, priser och ett bokningsformulär
referens.png
AI-motor · Builder77 AI
Builder77 AIStandard
Bästa balansen mellan kvalitet och hastighet
1 kredit
Builder77 AI Turbo
Snabbast för små ändringar
2 krediter
Builder77 AI MaxPlus
Mest kapabla modellen för komplexa appar
5 krediter

Fixa med AI

Fel i förhandsvisningen fångas upp automatiskt. Ett klick skickar felet till builder77, som hittar och åtgärdar orsaken.

Förbättra genom att chatta

Be om nya sidor, funktioner eller ett annat utseende. builder77 ändrar bara de filer som behöver ändras.

Förslag på nästa steg

Efter varje bygge föreslår builder77 några korta uppföljningar, så att du alltid vet vad du kan testa härnäst.

02Design och redigering

Peka, klicka, finslipa

Se varje ändring live, på den enhet du bryr dig om. När ord inte räcker klickar du på exakt det element du menar – eller öppnar koden och redigerar själv.

Välj ett element, beskriv ändringen
Ny frisyr, ingen väntan.
h1.hero-title
Gör rubriken större och använd ett serif-typsnitt↑
Förhandsvisning i olika enheter

Växla mellan dator, surfplatta och mobil för att kontrollera varje brytpunkt medan du bygger.

Obegränsad versionshistorik
  1. v7Lägg till recensioneraktuell
    nu
  2. v6Byt till mörkt temaÅterställ
    för 4 min sedan
  3. v5Bokningsformuläret sparas i databasenÅterställ
    för 12 min sedan
  4. v4Första byggetÅterställ
    för 20 min sedan

Varje meddelande skapar en version. Förhandsvisa vilken som helst och återställ med ett klick.

Inbyggd kodeditor
index.htmlapp.jsSpara som version
<!-- hero -->
<h1 class="text-5xl font-serif">
  Ny frisyr, ingen väntan.
</h1>

En fullständig Monaco-editor direkt i byggaren. Redigera valfri fil och spara den som en ny version – AI:n fortsätter från dina ändringar.

03Backend

En riktig backend, noll konfiguration

Varje app får m77 SDK automatiskt: molndatabas, användarkonton, AI, fillagring, e-post och betalningar. Inga nycklar att klistra in, inga servrar att drifta. Samma data finns tillgänglig via ett REST API för Flutter och andra inbyggda klienter.

Databas

Schemalösa samlingar med filter, sortering, räkning och poster per användare.

Inloggning

Registrering, inloggning och sessioner för appens egna användare.

AI

m77.ai.chat() med systemprompter och JSON-svar, drivet av Builder77 AI.

Lagring

Ladda upp filer och bilder på upp till 10 MB och få tillbaka en publik URL.

E-post

Skicka transaktionsmejl som bekräftelser och aviseringar.

Betalningar

m77.payments.checkout() tar emot kortbetalningar till ditt eget Stripe-konto (Starter+).

Isolering

Varje app körs på sin egen origin och dess data är begränsad till just den appen. Användare kan bara redigera sina egna poster.

Databas, inloggning och hosting använder inga krediter. AI-anrop från live-appar använder 1 integrationskredit per 500 tokens (in + ut, minst 1 per anrop) – ungefär 3–4 krediter för ett typiskt AI-svar; filuppladdningar och e-post använder 1 integrationskredit var.

app.js – m77 SDK
läggs till automatiskt
// 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');

Fullständig referens finns i dokumentationen.

04Mobil och Flutter

Installerbar idag, inbyggd när du är redo

Mobilappar körs direkt som Progressive Web Apps som folk lägger till på hemskärmen. När du vill till appbutikerna konverterar du till ett inbyggt Flutter-projekt som pratar med samma molndatabas.

  • PWA-manifest och service worker läggs till automatiskt när du publicerar
  • Flutter-konvertering med ett klick (3 meddelandekrediter) – Material 3, en enda lib/main.dart + pubspec.yaml
  • Kör den i byggaren via DartPad, eller som ett riktigt molnbygge på servern (Plus-planen och uppåt)
  • Ladda ner Flutter-projektet från Starter och uppåt
PWA
Lägg till på hemskärmen på iPhone och Android
Flutter
iOS, Android och webb från en och samma kodbas
05Publicering och hosting

Ett klick till live

Publiceringen tar några sekunder och inkluderar hosting, HTTPS och en delbar länk. Skanna QR-koden för att öppna appen i mobilen direkt.

Publicerad
https://barber-booking.builder77.com
https://boka.dinfrisersalong.se SSL

Varje app får en dinapp.builder77.com-adress. Från Starter och uppåt kopplar du din egen domän med en enda CNAME-post – SSL utfärdas automatiskt.

Privata appar

Stäng av den publika länken så att bara du kan öppna appen medan du jobbar på den. Starter och uppåt.

QR-kod för mobilen

Öppna den publicerade appen i mobilen med en skanning och installera den sedan.

Egna domäner

Använd en domän eller subdomän som du äger. DNS-instruktionerna visas direkt i Inställningar.

Namn, ikon och färg

Ställ in appens namn, ikon och temafärg – de används för hemskärmsikonen och förhandsvisningar när appen delas.

Ta bort märket

Dölj det lilla märket ”Made with builder77” från Plus och uppåt.

06Ditt arbetsflöde

Byggt för dig som vill komma framåt snabbt

builder77 är byggt för att en person snabbt ska kunna gå från idé till färdig produkt. Allt du behöver för att driva appen efter lanseringen finns bredvid chatten.

Fliken Data

Bläddra i och redigera samlingar, se användarna som registrerat sig i din app och hantera uppladdade filer.

Duplicera

Kopiera vilken app som helst för att testa en djärv riktning eller återanvända den som grund för en kund.

Fungerande mallar

Börja från riktiga, fungerande mallar med live-demos – och gör dem till dina genom att chatta.

Bjud in & tjäna

Dela din värvningslänk – när din vän har verifierat sin e-postadress får ni båda 10 bonuskrediter för meddelanden.

07Analys och SEO

Se vad som fungerar, bli hittad

Se visningar, användare och poster för varje publicerad app. Ange titeln och beskrivningen som sökmotorer och förhandsvisningar i sociala medier använder.

Analys · senaste 14 dagarna
Visningar
Användare
Poster

Illustration – i din översikt ser du appens riktiga siffror.

Förhandsvisning i sökresultat
barber-booking.builder77.com
Fade & Co. – Boka klippning på 30 sekunder
Drop-in välkomna. Välj frisör, välj en tid och få en bekräftelse via e-post.
08Ägande och export

Din kod. Ditt beslut.

Apparna är vanlig HTML, CSS och JavaScript – ingen proprietär runtime att reda ut. Ladda ner hela projektet som ZIP, ta Flutter-projektet till Xcode eller Android Studio och nå din data var som helst via REST API:t.

Exportera ZIP

Ladda ner alla filer i din webbapp från Starter och uppåt. Hosta den var som helst där statiska filer kan serveras.

Flutter-projekt

pubspec.yaml + lib/main.dart, redo för flutter run. Starter och uppåt.

REST API

Samma databas-, inloggnings- och AI-endpoints som SDK:t använder, tillgängliga för alla klienter.

Det här ingår i varje plan

FunktionGratisStarterPlusProElite
Webbplatser, webbappar och mobilappar✓✓✓✓✓
Databas, inloggning, AI, lagring och e-post✓✓✓✓✓
Installerbar PWA✓✓✓✓✓
Appar3ObegränsatObegränsatObegränsatObegränsat
Egna domäner—✓✓✓✓
Privata appar—✓✓✓✓
Ladda ner källkoden (ZIP)—✓✓✓✓
Ladda ner Flutter-projektet—✓✓✓✓
Flutter-molnbyggen för webben——✓✓✓
Builder77 AI Max——✓✓✓
Ta bort builder77-märket——✓✓✓

Behöver du fler användarplatser, fler krediter eller ett avtal? Se Enterprise.

Allt ovan, gratis att prova

Beskriv din idé och få en fungerande första version på ungefär en minut. Inget kreditkort krävs.