Platform
Blocks: kemampuan satu klik untuk pengiriman software AI yang serius
Bagian sulit dari produk sungguhan — pembayaran, autentikasi, data, AI — tiba sebagai kemampuan terkelola yang Anda nyalakan, bukan akhir pekan yang Anda kehilangan.
Blocks adalah kemampuan satu klik milik Ciao: pembayaran, backend, impor Figma, fitur AI, dan integrasi yang terinstal ke sebuah aplikasi sebagai kode sungguhan yang dapat diedit. Berbeda dari plugin marketplace yang menempel pada platform tertutup, sebuah Block menjadi bagian dari basis kode Anda — terhubung ke model data Anda, tercakup oleh QA dan Guardrails, dan dimiliki oleh Anda seperti hal lain yang dihasilkan Ciao.
Dipublikasikan 2026-07-03 · Terakhir diperbarui 2026-07-03
Bagian sulit, dibuat bisa diinstal
Setiap produk sungguhan menghantam tembok yang sama: ia perlu menerima uang, menyimpan data dengan aman, memasukkan pengguna, mungkin menjawab pertanyaan dengan AI. Tidak satu pun dari ini yang membuat produk Anda menjadi milik Anda — tapi masing-masing bisa menghabiskan berminggu-minggu dan memasukkan tepat kategori bug yang tidak Anda mampu. Di sebagian besar app builder, jawabannya adalah marketplace plugin; plugin-nya berfungsi sampai Anda perlu ia melakukan sesuatu yang sedikit berbeda, lalu Anda menemukan Anda tidak bisa membukanya.
Blocks adalah jawaban Ciao: kemampuan satu klik — pembayaran, backend, impor Figma, fitur AI, integrasi — yang terinstal ke aplikasi Anda sebagai kode sungguhan yang dapat diedit, terhubung ke model data Anda dan tercakup oleh QA, pengujian keamanan, dan governance yang sama seperti hal lain yang Anda bangun.
Blocks yang tersedia
Lima kemampuan mencakup sebagian besar hal yang mengubah aplikasi menjadi produk.
Pembayaran
Checkout, langganan, dan kuitansi bertenaga Stripe, dengan mode test dan live terpisah — terhubung ke akun Stripe Anda sendiri.
Backend
Autentikasi, Postgres, penyimpanan file, row-level security, dan API bertenaga Supabase — lapisan data yang dibutuhkan setiap aplikasi serius.
Impor Figma
Bawa masuk desain dan ubah menjadi layar yang berfungsi didukung data sungguhan, disempurnakan di Builder.
Fitur AI
Tambahkan asisten, ringkasan, ekstraksi, dan kemampuan AI lainnya ke produk Anda sendiri, berjalan melalui tangga model multi-provider Ciao.
Integrasi
Sambungkan sistem yang sudah dijalankan bisnis Anda, dengan aturan akses dan visibilitas audit yang diterapkan.
Bagaimana menambahkan sebuah block bekerja
Menambahkan sebuah block adalah perubahan seperti lainnya — dan itulah intinya.
1. Tambahkan dalam satu klik
Pilih block-nya dan Ciao menghasilkan kode serta koneksinya ke aplikasi Anda — komponen, bagian backend, konfigurasi.
2. Ia mendarat sebagai kode, di sebuah branch
Sebuah block tiba seperti perubahan lainnya: branch-native, dapat ditinjau, dapat dibatalkan. Tidak ada yang ditempel dari luar basis kode.
3. Konfigurasi dalam bahasa sederhana
Jelaskan produk dan harga Anda, model data Anda, alur Anda. Block-nya beradaptasi dengan aplikasi Anda, bukan sebaliknya.
4. Gate-nya berlaku
Replay QA dan probe keamanan mencakup kemampuan baru sebelum bisa dipublikasikan — alur pembayaran diuji seperti alur pembayaran.
5. Perluas seperti kode Anda sendiri — karena memang begitu
Inspect-to-prompt di halaman checkout bekerja persis seperti di layar lainnya. Enam bulan kemudian, block-nya hanya bagian dari produk Anda.
Kenapa ini penting
Perbedaan antara plugin dan block adalah apa yang terjadi enam bulan kemudian. Sebuah plugin adalah batasan: kustomisasi Anda berakhir di mana halaman pengaturannya berakhir. Sebuah block adalah titik awal: kode sungguhan di repository Anda yang tumbuh bersama produknya — dan pergi bersama Anda jika Anda mengekspor, karena Anda memiliki 100% kodenya.
Blocks juga menjaga loop pengiriman tetap jujur. Kemampuan pembayaran yang melewatkan tinjauan dan pengujian akan menjadi kode paling berisiko di aplikasi Anda; di sini ia tercakup seperti hal lainnya, dan Guardrails memperlakukan area yang disentuhnya sebagai zona terlindungi yang memang seharusnya.
Blocks juga cara sebuah workspace berlipat ganda. Aplikasi kedua tidak dimulai dari nol: pembayaran, backend, dan integrasi adalah keputusan yang sudah dibuat, diuji, dan diatur sekali, lalu diterapkan lagi. Bagi sebuah agensi, itu margin; bagi tim internal, itu perbedaan antara backlog permintaan dan portofolio alat yang sudah dirilis.
Catatan keamanan dan governance
- ✓ Blocks terinstal sebagai kode React, TypeScript, dan Supabase standar yang Anda miliki.
- ✓ Setiap block mendarat di sebuah branch dan melewati gate yang sama seperti perubahan yang diminta manual.
- ✓ Pembayaran terhubung ke akun Stripe Anda sendiri — dana mengalir ke Anda.
- ✓ Fitur AI berjalan di bawah kontrak model zero-retention, seperti sisa platform.
- ✓ Kredensial integrasi disimpan per lingkungan, tidak pernah di-hardcode ke kode yang dihasilkan.
- ✓ Aturan akses dan jejak audit append-only berlaku otomatis pada kemampuan yang ditambahkan block.
Plugin marketplace vs block Ciao
Model plugin dan model block bercabang pada hari Anda membutuhkan sesuatu yang tidak ditawarkan halaman pengaturan.
| Plugin marketplace | Block Ciao | |
|---|---|---|
| Apa yang Anda dapatkan | Komponen tertutup dengan pengaturan | Kode sungguhan di aplikasi Anda |
| Kustomisasi | Apa pun yang diekspos pengaturan | Apa pun — ini kode Anda |
| Pengujian | Percaya pada vendornya | Tercakup oleh replay QA dan probe keamanan |
| Kepemilikan | Berakhir bersama platformnya | Dapat diekspor bersama sisa aplikasi Anda |
| Governance | Di luar proses tinjauan Anda | Kebijakan Guardrails yang sama seperti perubahan lainnya |
Pertanyaan yang sering diajukan
Apakah block dapat diedit, atau tertutup seperti plugin?
Dapat diedit. Sebuah block menghasilkan kode React, TypeScript, dan Supabase sungguhan ke aplikasi Anda, dan sejak saat itu ia milik Anda untuk diubah — dalam percakapan melalui Builder atau langsung di kode.
Apakah block melewati tinjauan dan pengujian?
Ya. Sebuah block mendarat di sebuah branch seperti perubahan lainnya, kebijakan Guardrails berlaku pada area yang disentuhnya, dan replay QA serta probe keamanan mencakup kemampuan barunya sebelum publikasi. Pembayaran dan autentikasi mendapat pengawasan lebih, bukan kurang.
Block apa saja yang tersedia?
Pembayaran (bertenaga Stripe), backend (bertenaga Supabase), impor Figma, fitur AI, dan integrasi. Block pembayaran, backend, dan impor Figma masing-masing punya halaman khusus dengan detailnya.
Apa yang terjadi pada sebuah block jika kami mengekspor kodenya?
Ia diekspor bersama semuanya. Blocks adalah kode standar tanpa runtime proprietary, jadi checkout, backend, dan integrasinya terus berfungsi di repository Anda sendiri.
Bagaimana cara kami mulai?
Self-serve dengan kredit: bangun aplikasinya, tambahkan block seiring produknya membutuhkan. Program produksi serius mulai dari 10.000 USD per tahun — halaman harga punya detailnya.