Platform
Blocks: mogelijkheden met één klik voor serieuze AI-softwarelevering
De lastige delen van een echt product — betalingen, auth, data, AI — komen als governed mogelijkheden die je aanzet, niet als weekenden die je verliest.
Blocks zijn de mogelijkheden van Ciao met één klik: betalingen, backend, Figma-import, AI-functies en integraties die installeren in een applicatie als echte, bewerkbare code. In tegenstelling tot marktplaats-plugins die zich vastklikken aan een gesloten platform, wordt een Block onderdeel van je codebase — verbonden met je datamodel, gedekt door QA en Guardrails, en bezeten door jou zoals al het andere dat Ciao genereert.
Gepubliceerd 2026-07-03 · Laatst bijgewerkt 2026-07-03
De lastige delen, installeerbaar gemaakt
Elk echt product loopt tegen dezelfde muren aan: het moet geld ontvangen, data veilig opslaan, gebruikers laten inloggen, misschien vragen beantwoorden met AI. Geen van deze zaken maakt jouw product uniek — maar elk kan weken opslokken en precies de categorie bug introduceren die je je niet kunt veroorloven. In de meeste app-bouwers is het antwoord een pluginmarktplaats; de plugin werkt tot je hem iets net anders wilt laten doen, en dan ontdek je dat je hem niet kunt openen.
Blocks zijn het antwoord van Ciao: mogelijkheden met één klik — betalingen, backend, Figma-import, AI-functies, integraties — die installeren in je applicatie als echte, bewerkbare code, verbonden met je datamodel en gedekt door dezelfde QA, security-tests en governance als al het andere dat je bouwt.
De blocks
Vijf mogelijkheden dekken het meeste van wat een app in een product verandert.
Betalingen
Stripe-aangedreven checkout, abonnementen en bonnen, met aparte test- en livemodi — verbonden met je eigen Stripe-account.
Backend
Supabase-aangedreven authenticatie, Postgres, bestandsopslag, row-level security en API's — de datalaag die elke serieuze app nodig heeft.
Figma-import
Breng ontwerpen binnen en verander ze in werkende schermen die op echte data draaien, verfijnd in Builder.
AI-functies
Voeg assistenten, samenvatting, extractie en andere AI-mogelijkheden toe aan je eigen product, draaiend op de multi-provider modelladder van Ciao.
Integraties
Verbind de systemen waar je bedrijf al op draait, met toegangsregels en audit-zichtbaarheid toegepast.
Hoe het toevoegen van een block werkt
Een block toevoegen is een wijziging zoals elke andere — wat precies het punt is.
1. Voeg hem toe met één klik
Kies het block en Ciao genereert de code en bekabeling in je applicatie — componenten, backend-stukken, configuratie.
2. Hij landt als code, op een branch
Een block komt binnen als elke wijziging: branch-native, reviewbaar, ongedaan te maken. Niets wordt buiten de codebase vastgeklikt.
3. Configureer in gewone taal
Beschrijf je producten en prijzen, je datamodel, je flows. Het block past zich aan je applicatie aan in plaats van andersom.
4. De gates gelden
QA-replays en security-probes dekken de nieuwe mogelijkheid voordat hij kan publiceren — een betalingsflow wordt getest als een betalingsflow.
5. Breid hem uit als je eigen code — want dat is het
Inspect-to-prompt op een checkoutpagina werkt precies zoals op elk ander scherm. Zes maanden later is het block gewoon onderdeel van je product.
Waarom dit ertoe doet
Het verschil tussen een plugin en een block is wat er zes maanden later gebeurt. Een plugin is een grens: je aanpassing eindigt waar zijn instellingenpagina eindigt. Een block is een startpunt: echte code in je repository die met het product meegroeit — en met je meegaat als je exporteert, want je bezit 100% van de code.
Blocks houden ook de delivery-loop eerlijk. Een betalingsmogelijkheid die review en tests oversloeg zou de risicovolste code in je applicatie zijn; hier wordt hij gedekt zoals al het andere, en Guardrails behandelt de gebieden die hij raakt als de protected zones die ze zijn.
Blocks zijn ook hoe een workspace zich opstapelt. De tweede applicatie begint niet vanaf nul: betalingen, backend en integraties zijn al gemaakte, geteste en governed beslissingen, dan opnieuw toegepast. Voor een bureau is dat marge; voor een intern team is het het verschil tussen een backlog van verzoeken en een portfolio van geleverde tools.
Security- en governance-notities
- ✓ Blocks installeren als standaard React-, TypeScript- en Supabase-code die je bezit.
- ✓ Elk block landt op een branch en doorstaat dezelfde gates als handmatig aangevraagde wijzigingen.
- ✓ Betalingen verbinden met je eigen Stripe-account — geld stroomt naar jou.
- ✓ AI-functies draaien onder zero-retention modelcontracten, zoals de rest van het platform.
- ✓ Integratie-credentials worden per omgeving opgeslagen, nooit hardcoded in de gegenereerde code.
- ✓ Toegangsregels en de append-only audit trail gelden automatisch voor door blocks toegevoegde mogelijkheden.
Marktplaats-plugin vs Ciao-block
Het pluginmodel en het blockmodel gaan uiteen op de dag dat je iets nodig hebt dat de instellingenpagina niet biedt.
| Marktplaats-plugin | Ciao-block | |
|---|---|---|
| Wat je krijgt | Een verzegeld component met instellingen | Echte code in je applicatie |
| Aanpassing | Wat de instellingen blootleggen | Alles — het is je eigen code |
| Testen | Vertrouw op de leverancier | Gedekt door QA-replays en security-probes |
| Eigenaarschap | Eindigt bij het platform | Exporteerbaar met de rest van je app |
| Governance | Buiten je reviewproces | Hetzelfde Guardrails-beleid als elke wijziging |
Veelgestelde vragen
Zijn blocks bewerkbaar, of verzegeld zoals plugins?
Bewerkbaar. Een block genereert echte React-, TypeScript- en Supabase-code in je applicatie, en vanaf dat moment is hij van jou om te wijzigen — in gesprek via Builder of direct in code.
Doorlopen blocks review en tests?
Ja. Een block landt op een branch zoals elke wijziging, Guardrails-beleid geldt voor de gebieden die hij raakt, en QA-replays en security-probes dekken de nieuwe mogelijkheid vóór publicatie. Betalingen en auth krijgen meer aandacht, niet minder.
Welke blocks bestaan er?
Betalingen (Stripe-aangedreven), backend (Supabase-aangedreven), Figma-import, AI-functies en integraties. De blocks betalingen, backend en Figma-import hebben elk een eigen pagina met de details.
Wat gebeurt er met een block als we de code exporteren?
Hij exporteert met al het andere. Blocks zijn standaardcode zonder proprietary runtime, dus de checkout, de backend en de integraties blijven werken in je eigen repository.
Hoe beginnen we?
Self-serve met credits: bouw de app, voeg blocks toe zodra het product ze nodig heeft. Serieuze productieprogramma's beginnen bij 10.000 USD per jaar — de prijzenpagina heeft de details.