Funcions

Tota la tecnologia, ja integrat

builder77 és un creador amb IA, un editor, un backend i un allotjament en un sol lloc. Descriu què vols, afina-ho xerrant o fent clic i publica-ho. La base de dades, els inicis de sessió, la IA i l'allotjament van a càrrec nostre.

01Crea amb IA

Descriu-la. Mira com apareix.

Xerra amb builder77 com ho faries amb un dissenyador i desenvolupador sènior. Planifica les pantalles, escriu el codi, configura el model de dades i et mostra un resultat en directe — normalment en un minut, més o menys.

  • El mode Crea aplica els canvis; el mode Debat et deixa planificar i fer preguntes sense tocar el codi.
  • Millora converteix una idea d'una línia en una especificació detallada abans de crear.
  • Imatges adjuntes — deixa-hi una captura de pantalla, un esbós o un panell d'inspiració com a referència.
  • Escriu en qualsevol idioma — la interfície de la teva app segueix l'idioma que facis servir.
CreaDebat
Millora
Una web de reserves per a la meva barberia amb serveis, preus i un formulari de cites
referencia.png
Motor d'IA · Builder77 AI
Builder77 AIPer defecte
El millor equilibri entre qualitat i velocitat
1 crèdit
Builder77 AI Turbo
Les respostes més ràpides, per a canvis petits
2 crèdits
Builder77 AI MaxPlus
El model més potent per a apps complexes
5 crèdits

Arregla amb IA

Els errors de la previsualització es capturen automàticament. Amb un clic envies l'error a builder77, que en troba la causa i l'arregla.

Millora-ho xerrant

Demana noves pàgines, funcions o un aspecte diferent. builder77 només edita els fitxers que cal canviar.

Propers passos suggerits

Després de cada versió, builder77 et proposa unes quantes idees curtes perquè sempre sàpigues què provar a continuació.

02Disseny i edició

Assenyala, fes clic i perfecciona

Mira cada canvi en directe, al dispositiu que t'importa. Quan les paraules no són prou precises, fes clic a l'element exacte que vols dir — o obre el codi i edita'l tu mateix.

Selecciona un element i descriu el canvi
Talls impecables, zero esperes.
h1.hero-title
Fes aquest titular més gran i fes servir una lletra amb serifa↑
Previsualització per dispositiu

Canvia entre marcs d'escriptori, tauleta i mòbil per revisar el disseny a cada mida de pantalla mentre crees.

Historial de versions il·limitat
  1. v7Secció de ressenyes afegidaactual
    ara
  2. v6Canvi al tema foscRestaura
    fa 4 min
  3. v5El formulari desa les reserves a la base de dadesRestaura
    fa 12 min
  4. v4Primera versióRestaura
    fa 20 min

Cada missatge crea una versió. Previsualitza la que vulguis i restaura-la amb un clic.

Editor de codi integrat
index.htmlapp.jsDesa com a versió
<!-- hero -->
<h1 class="text-5xl font-serif">
  Talls impecables, zero esperes.
</h1>

Un editor Monaco complet dins del creador. Edita qualsevol fitxer i desa'l com a nova versió — la IA continua a partir dels teus canvis.

03Backend

Un backend de veritat, sense configurar res

Cada app rep automàticament l'SDK m77: base de dades al núvol, comptes d'usuari, IA, emmagatzematge de fitxers, correu i pagaments. Sense claus per enganxar ni servidors per mantenir. Les mateixes dades estan disponibles a través d'una API REST per a Flutter i clients natius.

Base de dades

Col·leccions sense esquema amb filtres, ordenació, recomptes i registres per usuari.

Inici de sessió

Registre, inici de sessió i sessions per als usuaris de la teva app.

IA

m77.ai.chat() amb prompts de sistema i sortida JSON, amb la potència de Builder77 AI.

Emmagatzematge

Puja fitxers i imatges de fins a 10 MB i rep una URL pública.

Correu

Envia correus transaccionals com confirmacions i notificacions.

Pagaments

m77.payments.checkout() cobra pagaments amb targeta al teu propi compte de Stripe (a partir de Starter).

Aïllament

Cada app s'executa al seu propi origen i les seves dades pertanyen només a aquella app. Els usuaris només poden editar els seus propis registres.

La base de dades, els inicis de sessió i l'allotjament no consumeixen crèdits. Les crides d'IA des de les apps publicades fan servir 1 crèdit d'integració per cada 500 tokens (entrada + sortida, mínim 1 per crida) — uns 3–4 crèdits per a una resposta d'IA típica; cada pujada de fitxer i cada correu fan servir 1 crèdit d'integració.

app.js — l'SDK m77
injectat automàticament
// 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');

Referència completa a la documentació.

04Mòbil i Flutter

Instal·lable avui, nativa quan vulguis

Les apps mòbils funcionen a l'instant com a Progressive Web Apps que la gent afegeix a la pantalla d'inici. Quan vulguis arribar a les botigues d'apps, converteix-la en un projecte natiu de Flutter que fa servir la mateixa base de dades al núvol.

  • Manifest PWA i service worker afegits automàticament en publicar
  • Conversió a Flutter amb un clic (3 crèdits de missatge) — Material 3, un sol lib/main.dart + pubspec.yaml
  • Executa-la al creador amb DartPad o amb una compilació real al núvol (a partir del pla Plus)
  • Descàrrega del projecte Flutter a partir de Starter
PWA
Afegeix a la pantalla d'inici a l'iPhone i a Android
Flutter
iOS, Android i web amb un sol codi
05Publicació i allotjament

En línia amb un clic

Publicar triga uns segons i inclou allotjament, HTTPS i un enllaç per compartir. Escaneja el codi QR per obrir-la de seguida al mòbil.

Publicada
https://barber-booking.builder77.com
https://reserva.lateva-barberia.cat SSL

Cada app té una adreça lateva-app.builder77.com. A partir de Starter, connecta el teu propi domini amb un sol registre CNAME — el certificat SSL s'emet automàticament.

Apps privades

Desactiva l'enllaç públic perquè només tu puguis obrir l'app mentre hi treballes. A partir de Starter.

Codi QR per al mòbil

Obre l'app publicada al mòbil amb un escaneig i després instal·la-la.

Dominis propis

Fes servir un domini o subdomini que sigui teu. Les instruccions de DNS apareixen directament a Configuració.

Nom, icona i color

Defineix el nom, la icona i el color del tema de la teva app — es fan servir per a la icona de la pantalla d'inici i les previsualitzacions en compartir.

Treu la insígnia

Amaga la petita insígnia «Fet amb builder77» a partir del pla Plus.

06El teu flux de treball

Pensat per a creadors que van de pressa

builder77 està dissenyat perquè una sola persona passi ràpidament de la idea al producte en directe. Tot el que necessites per gestionar l'app després del llançament és al costat del xat.

Pestanya Dades

Explora i edita col·leccions, consulta els usuaris que s'han registrat a la teva app i gestiona els fitxers pujats.

Duplica

Clona qualsevol app per provar una direcció atrevida o reutilitza-la com a punt de partida per a un client.

Plantilles que funcionen

Comença amb plantilles reals i funcionals amb demo en directe — i després adapta-les xerrant.

Convida i guanya

Comparteix el teu enllaç d'invitació: quan el teu amic verifiqui el correu, cadascun de vosaltres rebrà 10 crèdits de missatge extra.

07Analítiques i SEO

Descobreix què funciona i fes-te trobar

Consulta visites, usuaris i registres de cada app publicada. Defineix el títol i la descripció que fan servir els cercadors i les previsualitzacions en compartir a les xarxes socials.

Analítiques · últims 14 dies
Visites
Usuaris
Registres

Il·lustració — el teu tauler mostra les xifres reals de la teva app.

Previsualització al cercador
barber-booking.builder77.com
Fade & Co. — Reserva un tall en 30 segons
També atenem sense cita. Tria barber, escull una hora i rep la confirmació per correu.
08Propietat i exportació

El teu codi. Tu decideixes.

Les apps són HTML, CSS i JavaScript estàndard — cap runtime propietari del qual dependre. Descarrega tot el projecte en un ZIP, porta el projecte Flutter a Xcode o Android Studio i accedeix a les teves dades des de qualsevol lloc a través de la API REST.

Exporta en ZIP

Descarrega tots els fitxers de la teva aplicació web a partir de Starter. Allotja-la a qualsevol lloc que serveixi fitxers estàtics.

Projecte Flutter

pubspec.yaml + lib/main.dart, a punt per a flutter run. A partir de Starter.

API REST

Els mateixos endpoints de base de dades, inici de sessió i IA que fa servir l'SDK, disponibles per a qualsevol client.

Què inclou cada pla

FuncióGratisStarterPlusProElite
Webs, aplicacions web i apps mòbils✓✓✓✓✓
Base de dades, inici de sessió, IA, emmagatzematge i correu✓✓✓✓✓
PWA instal·lable✓✓✓✓✓
Apps3Il·limitatIl·limitatIl·limitatIl·limitat
Dominis propis—✓✓✓✓
Apps privades—✓✓✓✓
Descàrrega del codi font (ZIP)—✓✓✓✓
Descàrrega del projecte Flutter—✓✓✓✓
Compilacions web de Flutter al núvol——✓✓✓
Builder77 AI Max——✓✓✓
Sense la insígnia de builder77——✓✓✓

Necessites més usuaris, més crèdits o un contracte? Consulta Enterprise.

Tot això, gratis per provar

Descriu la teva idea i obtén una primera versió que funciona en un minut, més o menys. Sense targeta de crèdit.