Alat Open-Source Ini Menggantikan Bubble dan Retool (Appsmith)

BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00Kebanyakan pengembang terlalu berlebihan dalam merancang alat internal dan, jujur saja, kita semua tahu itu.
00:00:04Anda menjalankan React, menghubungkan API, membangun autentikasi, mengelola state hanya untuk meluncurkan dasbor yang isinya
00:00:10hanyalah formulir dan tabel. Ini adalah AppSmith, alat sumber terbuka dengan lebih dari 39.000 bintang yang bisa
00:00:16menggantikan sebagian besar hal itu hanya dalam hitungan menit. Anggap saja sebagai alternatif sumber terbuka untuk Bubble,
00:00:21dan saya akan menunjukkan cara kerjanya hanya dalam beberapa menit.
00:00:29Sekarang, AppSmith bukanlah barang baru, tetapi masih belum dibicarakan sesering yang seharusnya.
00:00:34Ini dibangun bukan untuk landing page atau aplikasi pelanggan, melainkan hanya untuk alat internal. Kita mendapatkan UI yang bisa ditarik dan
00:00:41dilepas, tetapi dengan JavaScript lengkap sehingga Anda tidak akan pernah buntu. Anda menghubungkan basis data, API, alat SaaS,
00:00:47dan Anda tetap menggunakan Git seperti pengembang normal. Nah, tidak ada penguncian vendor di sini dan kita bisa menghostingnya sendiri
00:00:54secara gratis sepenuhnya, ditambah lagi kita mendapatkan pengguna tak terbatas. Jadi pertanyaan sebenarnya adalah, apakah ini benar-benar menghemat waktu?
00:01:00Izinkan saya menunjukkannya kepada Anda. Jika Anda menyukai alat sumber terbuka dan tip pengodean seperti ini,
00:01:04pastikan untuk berlangganan. Kami memiliki video yang dirilis setiap saat. Sekarang, setelah Anda meluncurkan AppSmith,
00:01:10Anda akan membuat akun cepat, sangat sederhana. Kemudian pada dasbor, Anda dapat memulai aplikasi baru dengan
00:01:15kanvas kosong. Sekarang, karena ini bukan tutorial lengkap, saya hanya akan memilih preset basis data
00:01:21Postgres, tetapi Anda dapat melihat di sini semua opsi yang sebenarnya kita miliki yang dapat kita bangun ke dalamnya,
00:01:26yang mana sangat bagus. Setelah saya memiliki basis data dan dalam kasus saya Postgres tertaut, kita selesai.
00:01:32Di dalam basis data, ada banyak tabel yang bisa Anda mainkan, tetapi saya akan memilih
00:01:36tabel karyawan karena ini memiliki beberapa data pengguna tiruan di dalamnya. Sekarang, saya akan memasukkan sebuah tabel,
00:01:42memilih untuk terhubung ke tabel basis data yang benar. Ini mengisi tabel secara instan, dan kemudian saya bisa
00:01:47menambahkan formulir input dan tombol kirim. Anda bisa melihat bagaimana semua ini tinggal tarik dan mainkan,
00:01:52dan kemudian di sidebar, saya bahkan bisa menautkan kueri dan bahkan JavaScript ke dalamnya.
00:01:55Saya sudah mengikat datanya ke tabel, tetapi di sini saya bisa membuat kueri dengan kolom input untuk mencari
00:02:01seorang pengguna di basis data kami. Begitu saja, selesai. Tambahkan pemicu ke tombol kami untuk memperbarui, mungkin
00:02:07notifikasi toast, klik deploy, dan itu adalah aplikasi CRUD yang berfungsi. Maksud saya, oke, sangat mendasar karena saya
00:02:12menjelaskan semua ini hanya dalam beberapa menit, tetapi saya tahu Anda bisa melihat keserbagunaan nyata di balik
00:02:17semua ini dan seberapa cepat ini dalam sebuah alur kerja juga. Tanpa pengaturan React, tanpa lapisan API, tanpa pemasangan autentikasi.
00:02:23Ini memakan waktu mungkin satu menit, mungkin dua menit, oke? Dan Anda masih memiliki kendali penuh dengan JavaScript,
00:02:28tema, dan Git. Jadi ya, ini gratis, ini cepat, jadi tidak perlu membayar untuk Bubble atau yang lainnya.
00:02:34Ini adalah alat yang hebat untuk dijalankan dengan cepat. AppSmith pada dasarnya adalah UI di satu sisi, data di sisi lain,
00:02:40dan JavaScript untuk menghubungkan semuanya. Widget menangani UI Anda, sumber data terhubung ke basis data,
00:02:46API, bahkan LLM, dan kueri hanyalah SQL, REST, atau JavaScript. Dan ide utamanya adalah JavaScript ada
00:02:54di mana-mana. Sekarang, kebanyakan alat low-code menyembunyikan logika dari Anda, sedangkan yang satu ini mengeksposnya. Itulah sebabnya
00:03:00para pengembang beralih. Git bekerja seperti yang Anda harapkan, percabangan, penggabungan, CI/CD, tidak ada yang aneh,
00:03:06dan Anda bisa menghosting sendiri dengan Docker atau Kubernetes. Jadi Anda mengontrol data dan biaya Anda. Anda bisa
00:03:12membangun komponen khusus dengan React atau JavaScript biasa, dan ini siap untuk produksi dengan
00:03:18RBAC, log audit, dan SSO yang sudah terpasang di dalamnya. Sekarang, dengan semua itu, tentu saja ada AI,
00:03:23tetapi bagian pentingnya adalah ia menghasilkan kode yang benar-benar bisa Anda edit. Jadi kedengarannya sempurna, mungkin,
00:03:30tapi ternyata tidak, oke? Meskipun ini bagus dalam menghemat waktu karena kita bisa merilis lebih cepat, dan jujur saja,
00:03:36setelah menggunakannya, itu terasa cukup akurat. Ini memang sumber terbuka, jadi Anda tidak terkunci
00:03:42pada model harga tertentu. Kita tidak akan buntu karena kita selalu bisa memasukkan JavaScript ke dalamnya,
00:03:47dan jika Anda menghosting sendiri, itu gratis dengan pengguna tak terbatas. Namun di sisi lain, seiring waktu atau skala,
00:03:52ini bisa dan tetap akan rusak. Sekarang, jika Anda mencoba merender dataset besar di sisi klien,
00:03:58itu bisa melambat, jadi Anda akan membutuhkan paginasi sisi server. Tata letak seluler tidak otomatis.
00:04:04Anda harus menyesuaikannya secara manual. Dan jika Anda berasal dari manajemen state tanpa kode,
00:04:08ini bisa terasa sangat membingungkan pada awalnya. Dan UI-nya sedikit di belakang alat seperti Retool jika Anda menginginkan
00:04:14dasbor yang mewah. Semua ini sebenarnya tidak terlalu masalah, tetapi itu bergantung pada kasus penggunaan Anda.
00:04:20Jadi di mana posisi alat ini sebenarnya? Perbandingan sebenarnya adalah Retool versus AppSmith. Retool
00:04:26lebih apik dan memiliki fitur yang lebih kuat, tetapi mahal dan sumber tertutup. AppSmith
00:04:32kurang apik. Ini sumber terbuka, kan? Tapi Anda memiliki segalanya. Biayanya nol jika Anda menghosting sendiri.
00:04:39Bubble dan Webflow tidak benar-benar sebanding karena mereka lebih ke aplikasi yang menghadap pelanggan,
00:04:44tetapi mereka melakukan banyak hal keren yang serupa. Tooljet lebih dekat, tetapi AppSmith
00:04:49tetap unggul dengan integrasi Git yang lebih kuat. Jadi jika tujuan Anda adalah merilis alat internal dengan cepat,
00:04:55AppSmith biasanya merupakan pilihan yang lebih baik. Jika Anda menyukai alat sumber terbuka dan tip pengodean seperti ini,
00:05:00pastikan untuk berlangganan saluran BetterStack. Sampai jumpa di video lainnya.

Key Takeaway

Appsmith mempercepat pembuatan alat internal melalui UI drag-and-drop yang dipadukan dengan fleksibilitas JavaScript penuh dan integrasi Git tanpa biaya lisensi per pengguna melalui metode self-hosting.

Highlights

Appsmith memiliki lebih dari 39.000 bintang di GitHub sebagai alternatif sumber terbuka untuk Bubble dan Retool.

Alur kerja pengembangan mendukung integrasi Git penuh untuk percabangan, penggabungan, dan proses CI/CD layaknya pengembangan perangkat lunak tradisional.

Pengguna dapat menghosting sendiri platform ini menggunakan Docker atau Kubernetes untuk mendapatkan akses gratis tanpa batasan jumlah pengguna.

Fitur keamanan bawaan mencakup Role-Based Access Control (RBAC), log audit, dan Single Sign-On (SSO) untuk penggunaan skala produksi.

Aplikasi ini mendukung pembuatan komponen khusus menggunakan library React atau kode JavaScript murni.

Pemuatan dataset besar pada sisi klien dapat menyebabkan penurunan performa sehingga memerlukan implementasi paginasi sisi server.

Penyesuaian tata letak untuk perangkat seluler tidak terjadi secara otomatis dan memerlukan pengaturan manual oleh pengembang.

Timeline

Masalah Efisiensi Pengembangan Alat Internal

  • Pengembangan dasbor internal sering kali membuang waktu karena kerumitan pengaturan manual di React dan API.
  • Appsmith menggantikan kebutuhan untuk membangun sistem autentikasi dan manajemen state dari nol.
  • Alat ini memangkas waktu peluncuran aplikasi berbasis formulir dan tabel menjadi hitungan menit.

Banyak pengembang terjebak dalam proses perancangan yang berlebihan untuk alat yang hanya berisi fungsi dasar. Appsmith hadir sebagai solusi sumber terbuka yang menangani infrastruktur standar secara otomatis. Fokus utama platform ini adalah efisiensi tanpa mengorbankan fungsionalitas pengkodean.

Arsitektur Dasar dan Konektivitas Data

  • Sistem ini dirancang khusus untuk alat internal, bukan untuk landing page atau aplikasi konsumen akhir.
  • Fleksibilitas tetap terjaga karena seluruh komponen dapat dimodifikasi menggunakan JavaScript.
  • Self-hosting menghilangkan risiko penguncian vendor dan biaya per pengguna.

Meskipun menggunakan metode drag-and-drop, akses ke logika JavaScript tetap terbuka lebar. Hal ini memastikan pengembang tidak akan menemui jalan buntu saat menghadapi logika bisnis yang kompleks. Kemampuan untuk mengelola kode melalui Git membuat alur kerja tetap sinkron dengan standar industri.

Demonstrasi Pembuatan Aplikasi CRUD

  • Koneksi ke basis data seperti Postgres memungkinkan pengisian tabel secara instan.
  • Widget UI dapat langsung diikat ke kueri SQL atau endpoint REST API.
  • Pemicu aksi seperti notifikasi toast dan pembaruan data dapat dikonfigurasi melalui sidebar.

Proses dimulai dengan memilih preset basis data dan menghubungkan tabel yang ada, seperti tabel karyawan. Setelah data terhubung, komponen formulir dan tombol kirim ditambahkan untuk melengkapi fungsi operasional. Seluruh proses ini hanya memakan waktu sekitar dua menit tanpa perlu menyentuh lapisan API atau pengaturan autentikasi manual.

Fitur Skala Perusahaan dan Integrasi AI

  • Integrasi Git mendukung kolaborasi tim melalui sistem percabangan dan penggabungan kode.
  • Platform menyediakan fitur keamanan tingkat tinggi seperti SSO dan log audit yang sudah terpasang.
  • AI membantu pembuatan kode yang dapat diedit sepenuhnya oleh pengembang.

Kemampuan hosting mandiri menggunakan Docker atau Kubernetes memberikan kendali penuh atas data dan biaya operasional. Pengembang dapat mengekspos logika aplikasi yang biasanya disembunyikan oleh alat low-code lainnya. Fitur AI yang tersedia difokuskan untuk mempercepat penulisan skrip tanpa membatasi kontrol pengguna.

Kekurangan dan Batasan Teknis

  • Dataset besar yang dirender di sisi klien akan memperlambat performa aplikasi.
  • Desain responsif untuk ponsel tidak tersedia secara otomatis.
  • Manajemen state bisa terasa membingungkan bagi pengguna yang terbiasa dengan sistem tanpa kode.

Meskipun menghemat waktu, platform ini memiliki tantangan pada skalabilitas jika tidak dikelola dengan benar melalui paginasi sisi server. Estetika antarmuka dinilai masih berada di bawah kompetitor seperti Retool. Pengguna harus menyesuaikan tata letak seluler secara manual karena ketiadaan fitur optimasi otomatis.

Perbandingan dengan Alternatif di Pasar

  • Retool menawarkan fitur lebih kuat namun dengan biaya tinggi dan bersifat sumber tertutup.
  • Bubble dan Webflow lebih dioptimalkan untuk aplikasi yang menghadap langsung ke pelanggan.
  • Appsmith mengungguli Tooljet dalam hal kedalaman integrasi Git.

Appsmith diposisikan sebagai solusi paling ekonomis bagi tim yang membutuhkan alat internal cepat dengan biaya nol melalui self-hosting. Pilihan ini paling tepat diambil jika prioritas utama adalah kecepatan rilis dan kontrol penuh atas kode sumber. Integrasi Git yang kuat menjadi pembeda utama dibandingkan alat serupa di kategori sumber terbuka.

Community Posts

View all posts