Bolt.new: Panduan Praktis Cara Membuat Aplikasi Tanpa Koding

Meminta Perubahan pada Aplikasi

Gagasan utama di balik alat AI teks-ke-aplikasi ini adalah kita bisa mewujudkan ide tanpa tahu cara ngoding, cukup dengan mengobrol dengan AI dan meminta perubahan.

Untuk menguji klaim vibe-coding tersebut, saya meminta setiap latihan terdiri dari beberapa set.

Bolt.new melakukan perubahan; namun, saat mencoba merender aplikasi lagi, ia mengalami error.

Antarmuka menyadari adanya error dan menawarkan opsi untuk mencoba memperbaikinya secara otomatis.

Terkadang ia bisa langsung mengidentifikasi error dan memperbaikinya sendiri. Namun, dalam kasus ini, perubahan baru memunculkan error lainnya:

Setelah beberapa putaran perbaikan error, kami mendapatkan versi yang berfungsi, di mana setiap sesi latihan memiliki beberapa latihan, masing-masing dengan beberapa set (jumlah repetisi). Untuk setiap set, kita bisa mencatat berapa banyak repetisi yang dilakukan, lalu memberi umpan balik tentang tingkat kesulitan yang dirasakan.

Data umpan balik seharusnya digunakan untuk merencanakan sesi berikutnya. Saya ingin mengobrol untuk menanyakan detail tentang bagaimana data ini digunakan, tetapi pada saat itu, jatah kredit harian saya sudah habis. 

Salah satu masalah yang sering saya temui saat membuat aplikasi seperti ini adalah kita memiliki sedikit kendali atas apa yang terjadi di balik layar. Kita bisa melihatnya dengan bereksperimen dan menggunakan aplikasi, tetapi itu tidak selalu cukup untuk benar-benar memahami bagaimana sesuatu diimplementasikan.

Melihat Kode Bolt.new

Jika Anda bisa pemrograman, Anda dapat memahami cara kerja aplikasi dengan melihat kodenya. Berbeda dengan Lovable, Bolt.new memudahkan melihat kode langsung di antarmuka web.

Dengan membuka editor kode, kita bisa melihat semua file proyek, dan mengklik sebuah file akan membukanya di editor, sehingga memungkinkan melihat cara kerjanya dan melakukan perubahan langsung di browser. 

Di sana, saya melihat file bernama workoutGenerator.ts, yang namanya mengindikasikan bahwa file tersebut memuat logika untuk menghasilkan latihan baru.

Karena kredit saya habis, saya menyalin dan menempelkan kode tersebut ke ChatGPT dan memintanya menjelaskan kepada saya. Berikut ringkasan cara kerjanya:

Aplikasi membuat latihan baru untuk Anda setiap hari dengan melihat apa yang sudah Anda lakukan. Aplikasi melacak jumlah latihan yang Anda selesaikan dan merotasi jenis latihan, seperti tubuh bagian atas, tubuh bagian bawah, atau seluruh tubuh, sehingga otot Anda mendapatkan rutinitas yang seimbang dari waktu ke waktu. Untuk setiap jenis latihan, aplikasi secara acak memilih beberapa latihan yang sesuai dengan kelompok otot yang tepat, sehingga Anda tidak selalu melakukan gerakan yang sama.

Aplikasi juga memperhatikan seberapa baik Anda berlatih sebelumnya. Jika suatu latihan terasa mudah dan Anda sering berhasil, aplikasi akan sedikit menambah beban atau menambah repetisi agar tetap menantang. Jika suatu latihan terlalu berat, aplikasi akan menurunkan beban agar lebih terjangkau. Dengan cara ini, latihan menyesuaikan dengan progres Anda dan membantu Anda berkembang dengan kecepatan yang tepat tanpa berlebihan. Ini terdengar masuk akal bagi saya, terutama untuk versi pertama produk.

Memublikasikan Aplikasi Bolt.new

Untuk memublikasikan aplikasi, cukup klik tombol "Publish" di pojok kanan atas.

Setelah dipublikasikan, kita menerima URL di chat untuk membuka aplikasinya.

Kita bisa menggunakannya di browser dan membagikannya kepada orang lain. Kita juga bisa memasangnya di ponsel. Namun karena ini aplikasi web, kita tidak memasangnya lewat app store; kita melakukannya dari browser dengan:

1. Membuka tautan di ponsel.
2. Mengetuk menu opsi di browser.
3. Mengetuk opsi "Add to Home screen".

Sayangnya, Bolt.new tidak langsung menjadikan aplikasi sebagai progressive web app (PWA). Artinya saat kita memasangnya di ponsel seperti dijelaskan tadi, ia hanya membuat tautan di layar utama, sehingga pengalamannya tidak jauh berbeda dari menggunakannya di browser.

Saya memintanya mengonversi aplikasi menjadi PWA agar berperilaku seperti aplikasi native, tetapi hasilnya kurang baik. Bolt.new memulai dengan benar dengan menghasilkan file yang diperlukan, namun salah satu syarat PWA adalah memiliki logo gambar. Sayangnya, upaya Bolt.new untuk menghasilkan itu dengan menulis byte gambar tidak hanya kemungkinan menghasilkan gambar yang tidak masuk akal, tetapi juga menghabiskan semua token.

Menetapkan Domain Khusus

URL yang kita dapatkan untuk aplikasi dibuat otomatis, sehingga kurang ideal untuk produksi. Untuk produk nyata, kita perlu membeli dan mengonfigurasi domain sendiri. Ini dapat dilakukan pada halaman "Domains & Hosting" di pengaturan proyek.

Versi aplikasi saat ini tidak menyimpan data di basis data. Oleh karena itu, jika kita membuka aplikasi di komputer lalu di ponsel, kita tidak akan melihat data yang sama. Ada persistensi data lokal di perangkat, jadi jika Anda menggunakan perangkat yang sama, data akan disimpan secara lokal. Karena itu jika kita menyegarkan aplikasi, kita tidak akan kehilangan rencana latihan saat ini dan latihan sebelumnya.

Ini tidak masalah untuk prototipe, tetapi sama sekali tidak cocok untuk produk komersial. Saat ini, autentikasi dan basis data masih dalam versi beta. Anda dapat mengaksesnya dengan mendaftar ke private beta mereka.

Kesimpulan

Menurut saya, Bolt.new adalah alat yang bagus untuk dengan cepat menyiapkan prototipe dan memvalidasi ide produk. Namun, AI cenderung mengimplementasikan fitur pada level permukaan, sehingga aplikasi yang substansial membutuhkan banyak iterasi. 

Bahkan saat memberikan prompt awal yang terperinci, hasilnya baru menyentuh permukaan spesifikasi penuh, dan batas token pada paket gratis membuat hampir mustahil membangun sesuatu yang bermakna tanpa berlangganan.

Selain itu, dengan layanan penting seperti autentikasi dan dukungan basis data yang masih beta, saya menyarankan menunggu rilis penuh sebelum mencoba membangun aplikasi yang siap produksi. 

Secara keseluruhan, Bolt.new beroperasi mirip dengan para pesaingnya, tetapi fitur yang menonjol adalah kemampuan melihat dan mengedit source code langsung di antarmuka web; sebuah keunggulan krusial yang menjawab salah satu frustrasi terbesar yang saya alami dengan platform seperti Lovable.