Piattaforma
Blocks: funzionalità con un clic per una delivery software AI seria
Le parti difficili di un prodotto reale — pagamenti, autenticazione, dati, AI — arrivano come funzionalità governate che attivi, non weekend che perdi.
I Blocks sono le funzionalità con un clic di Ciao: pagamenti, backend, importazione da Figma, funzionalità AI e integrazioni che si installano in un'applicazione come codice reale e modificabile. A differenza dei plugin da marketplace che si agganciano a una piattaforma chiusa, un Block diventa parte della tua codebase — collegato al tuo modello di dati, coperto da QA e Guardrails, e di tua proprietà come tutto il resto di ciò che genera Ciao.
Pubblicato 2026-07-03 · Ultimo aggiornamento 2026-07-03
Le parti difficili, rese installabili
Ogni prodotto reale si scontra con gli stessi muri: deve incassare denaro, memorizzare dati in modo sicuro, autenticare gli utenti, magari rispondere a domande con l'AI. Nessuna di queste è ciò che rende tuo il prodotto — ma ognuna può consumare settimane e introdurre esattamente la categoria di bug che non puoi permetterti. Nella maggior parte degli app builder la risposta è un marketplace di plugin; il plugin funziona finché non ti serve che faccia qualcosa di leggermente diverso, e allora scopri di non poterlo aprire.
I Blocks sono la risposta di Ciao: funzionalità con un clic — pagamenti, backend, importazione da Figma, funzionalità AI, integrazioni — che si installano nella tua applicazione come codice reale e modificabile, collegato al tuo modello di dati e coperto dallo stesso QA, test di sicurezza e governance di tutto il resto che costruisci.
I blocchi
Cinque funzionalità coprono la maggior parte di ciò che trasforma un'app in un prodotto.
Pagamenti
Checkout, abbonamenti e ricevute basati su Stripe, con modalità test e live separate — collegati al tuo account Stripe.
Backend
Autenticazione, Postgres, archiviazione file, sicurezza a livello di riga e API basate su Supabase — il livello dati di cui ha bisogno ogni app seria.
Importazione da Figma
Importa i design e trasformali in schermate funzionanti sostenute da dati reali, rifinite in Builder.
Funzionalità AI
Aggiungi assistenti, riassunti, estrazione e altre funzionalità AI al tuo prodotto, in esecuzione sulla scala di modelli multi-provider di Ciao.
Integrazioni
Collega i sistemi su cui la tua attività già gira, con regole di accesso e visibilità dell'audit applicate.
Come funziona l'aggiunta di un blocco
Aggiungere un blocco è una modifica come qualsiasi altra — che è esattamente il punto.
1. Aggiungilo con un clic
Scegli il blocco e Ciao genera il codice e il collegamento nella tua applicazione — componenti, pezzi di backend, configurazione.
2. Atterra come codice, su un branch
Un blocco arriva come qualsiasi modifica: branch-native, revisionabile, annullabile. Niente viene incollato dall'esterno della codebase.
3. Configura in linguaggio semplice
Descrivi i tuoi prodotti e prezzi, il tuo modello di dati, i tuoi flussi. Il blocco si adatta alla tua applicazione anziché il contrario.
4. I gate si applicano
I replay QA e le sonde di sicurezza coprono la nuova funzionalità prima che possa essere pubblicata — un flusso di pagamento viene testato come un flusso di pagamento.
5. Estendilo come il tuo codice — perché lo è
Inspect-to-prompt su una pagina di checkout funziona esattamente come su qualsiasi altra schermata. Sei mesi dopo, il blocco è semplicemente parte del tuo prodotto.
Perché è importante
La differenza tra un plugin e un blocco è cosa succede sei mesi dopo. Un plugin è un confine: la tua personalizzazione finisce dove finisce la sua pagina di impostazioni. Un blocco è un punto di partenza: codice reale nel tuo repository che cresce con il prodotto — e se ne va con te se esporti, perché possiedi il 100% del codice.
I Blocks mantengono anche onesto il ciclo di delivery. Una funzionalità di pagamento che avesse saltato revisione e test sarebbe il codice più rischioso nella tua applicazione; qui è coperta come tutto il resto, e Guardrails tratta le aree che tocca come le zone protette che sono.
I Blocks sono anche il modo in cui un workspace si moltiplica. La seconda applicazione non parte da zero: pagamenti, backend e integrazioni sono decisioni già prese, testate e governate una volta, poi applicate di nuovo. Per un'agenzia, questo è margine; per un team interno, è la differenza tra un backlog di richieste e un portafoglio di strumenti rilasciati.
Note di sicurezza e governance
- ✓ I Blocks si installano come codice React, TypeScript e Supabase standard di tua proprietà.
- ✓ Ogni blocco atterra su un branch e supera gli stessi gate delle modifiche richieste a mano.
- ✓ I pagamenti si collegano al tuo account Stripe — i fondi arrivano a te.
- ✓ Le funzionalità AI girano sotto contratti modello a conservazione zero, come il resto della piattaforma.
- ✓ Le credenziali di integrazione sono memorizzate per ambiente, mai codificate nel codice generato.
- ✓ Le regole di accesso e il registro di controllo append-only si applicano automaticamente alle funzionalità aggiunte tramite blocco.
Plugin da marketplace contro blocco Ciao
Il modello del plugin e quello del blocco divergono il giorno in cui ti serve qualcosa che la pagina delle impostazioni non offre.
| Plugin da marketplace | Blocco Ciao | |
|---|---|---|
| Cosa ottieni | Un componente sigillato con impostazioni | Codice reale nella tua applicazione |
| Personalizzazione | Qualsiasi cosa le impostazioni espongano | Qualsiasi cosa — è il tuo codice |
| Test | Fidati del fornitore | Coperto da replay QA e sonde di sicurezza |
| Proprietà | Finisce con la piattaforma | Esportabile insieme al resto della tua app |
| Governance | Fuori dal tuo processo di revisione | Le stesse policy Guardrails di qualsiasi modifica |
Domande frequenti
I blocchi sono modificabili, o sigillati come i plugin?
Modificabili. Un blocco genera codice React, TypeScript e Supabase reale nella tua applicazione, e da quel momento è tuo da cambiare — in conversazione tramite Builder o direttamente nel codice.
I blocchi passano attraverso revisione e test?
Sì. Un blocco atterra su un branch come qualsiasi modifica, le policy Guardrails si applicano alle aree che tocca, e i replay QA e le sonde di sicurezza coprono la nuova funzionalità prima della pubblicazione. Pagamenti e autenticazione ottengono più controllo, non meno.
Quali blocchi esistono?
Pagamenti (basato su Stripe), backend (basato su Supabase), importazione da Figma, funzionalità AI e integrazioni. I blocchi pagamenti, backend e importazione da Figma hanno ciascuno una pagina dedicata con i dettagli.
Cosa succede a un blocco se esportiamo il codice?
Si esporta insieme a tutto il resto. I Blocks sono codice standard senza runtime proprietario, così il checkout, il backend e le integrazioni continuano a funzionare nel tuo repository.
Come iniziamo?
Self-serve con i crediti: costruisci l'app, aggiungi i blocchi man mano che il prodotto ne ha bisogno. I programmi di produzione seri partono da 10.000 USD all'anno — la pagina dei prezzi ha i dettagli.