- Flowglad adalah platform pemrosesan pembayaran open-source yang bekerja tanpa webhook, dengan struktur yang memungkinkan pengembang mengintegrasikan fitur penagihan dan pembayaran hanya dengan sedikit kode
- Melalui arsitektur stateless, status pembayaran dapat dicek menggunakan ID pengguna sendiri tanpa perlu tabel
subscriptions atau pengelolaan customer_id
- Menyediakan Full-Stack SDK sehingga di backend bisa menggunakan
flowgladServer.getBilling(), dan di frontend status pelanggan dapat tercermin secara real-time dengan hook useBilling()
- Menguji model harga di mode test lalu menerapkannya ke production dengan satu klik, serta memungkinkan pergantian paket tanpa redeploy aplikasi
- Mengurangi kompleksitas dan biaya integrasi pembayaran untuk meningkatkan pengalaman pengembang (DX), serta menyediakan fondasi agar koneksi ke berbagai penyedia pembayaran dapat diperluas melalui satu integrasi
Fitur utama
- Struktur stateless membuat webhook, tabel langganan, ID pelanggan, dan pengelolaan environment variable tidak diperlukan
- Flowglad menanganinya langsung tanpa perlu mengelola mapping harga dan fitur secara manual
- Sebagai single source of truth, dapat digunakan untuk mengecek status penagihan terbaru pelanggan, hak akses fitur, dan kredit penggunaan
- Mendukung akses berbasis ID kustom, sehingga status pelanggan dapat dicek memakai ID pengguna atau organisasi dari sistem autentikasi yang sudah ada
- Menyediakan Full-Stack SDK
- Memanggil
flowgladServer.getBilling() di backend
- Mencerminkan status pembayaran secara real-time di frontend React dengan hook
useBilling()
- Pengelolaan model harga yang fleksibel
- Menguji paket harga baru di mode test dan menerapkannya ke production dengan satu klik
- Memutar paket harga tanpa redeploy aplikasi
Instalasi dan integrasi
- Pasang paket
@flowglad/nextjs, @flowglad/react, @flowglad/express, @flowglad/server sesuai jenis proyek
- Contoh integrasi Next.js
- Membuat instance
FlowgladServer dan meneruskan ID pelanggan sendiri
- Menggunakan
nextRouteHandler di route API untuk berkomunikasi dengan aman dengan Flowglad
- Menambahkan
FlowgladProvider ke root layout agar status pembayaran dimuat otomatis di frontend
- Untuk B2C gunakan
user.id, untuk B2B gunakan organization.id atau team.id sebagai ID pelanggan
- Flowglad tidak mengharuskan pengelolaan ID pelanggan terpisah atau perubahan pada sistem autentikasi
Contoh frontend
- Periksa akses fitur (
checkFeatureAccess) dan penggunaan (checkUsageBalance) dengan hook useBilling()
- Tampilkan pesan panduan upgrade jika akses fitur dibatasi
- Jika penggunaan tidak mencukupi, buat sesi pembayaran dengan
createCheckoutSession
Contoh backend
- Periksa akses fitur dan penggunaan di sisi server dengan
flowglad(user.id).getBilling()
- Contoh: memeriksa apakah fitur
fast_generations dapat diakses lalu menentukan alur pemrosesan
- Contoh: memunculkan error jika kredit penggunaan
chat_messages tidak mencukupi
Memulai
- Buat model harga menggunakan template di dashboard
- Jenis template yang disediakan
- Batas penggunaan + langganan hibrida (mirip Cursor)
- Penggunaan tak terbatas (tipe konsumen ChatGPT)
- Akses bertingkat + kredit penggunaan (mirip Midjourney)
- Langganan dengan penguncian fitur (mirip Linear)
- Jika perlu, model juga bisa dibuat langsung tanpa template
Tumpukan teknologi
- Berbasis Next.js, tRPC, React.js, Tailwind CSS, Drizzle ORM, Zod, Trigger.dev, Supabase, Better Auth
Tujuan proyek
- Dalam 15 tahun terakhir, tumpukan pengembangan makin beragam tetapi hampir tidak ada inovasi di ranah pembayaran
- Sebagian besar layanan pembayaran bahkan mengharuskan pengaturan akun melalui tim sales, sehingga opsi pembayaran self-service masih kurang
- Akibatnya, perbaikan pada pengalaman pengembang (DX) dan biaya terkait pembayaran mengalami stagnasi
- Flowglad bertujuan meminimalkan waktu integrasi dan pemeliharaan pembayaran, serta memungkinkan penggunaan banyak penyedia pembayaran melalui satu integrasi
- Di tengah lingkungan penagihan startup yang makin kompleks akibat meluasnya AI, Flowglad berfokus membangun lapisan pembayaran yang ramah pengembang
Belum ada komentar.