Bangun dan publikasikan app Atoms pertama Anda, dari prompt pertama Anda hingga versi live yang dapat Anda bagikan.

Anda tidak perlu mempelajari setiap agen, mode, atau istilah teknis sebelum memulai. Alur kerja dasarnya jauh lebih sederhana: beri tahu Atoms apa yang Anda inginkan, periksa apa yang dibuatnya, lakukan perubahan, uji, lalu publikasikan saat sudah siap.

Panduan ini menggunakan website kafe sederhana sebagai contoh, tetapi alur yang sama juga berlaku untuk landing page, dashboard, alat internal, atau ide app Anda sendiri.

Langkah-langkah ini mencakup proyek web desktop yang sudah login. Proyek mobile menggunakan alur build dan distribusi mobile yang terpisah.

Sebelum memublikasikan, tunggu hingga build saat ini selesai, pastikan Anda memiliki akses publikasi, konfirmasikan bahwa proyek sedang idle, dan periksa bahwa sumber daya proyek yang diperlukan seperti kredit atau penyimpanan tersedia. Jika Publish tidak tersedia, periksa versi proyek, akses, dan kondisi sumber daya sebelum mencoba lagi. Proyek yang menggunakan data, rahasia, email, AI, pembayaran, atau layanan terhubung lainnya juga memerlukan pemeriksaan produksi sebelum dibagikan.

Jelaskan apa yang Anda inginkan

Mulailah di kotak prompt dan jelaskan hasil yang Anda inginkan dengan bahasa biasa. Anda tidak perlu menulis spesifikasi teknis atau memberi tahu Atoms cara mengodekannya.

Prompt pertama yang berguna biasanya menjelaskan apa yang Anda bangun, bagian atau fitur utama, arahan visual, dan apa pun yang penting di mobile.

Jika Anda sudah menemukan sesuatu di Dunia App yang mendekati apa yang Anda inginkan, Anda juga dapat memulai dengan me-remix proyek tersebut alih-alih memulai dari awal.

Periksa hasil pertama

Atoms membuat proyek dan membangun versi pertama. Saat sudah siap, buka Penampil App dan tinjau hasilnya sebelum meminta perubahan lebih lanjut.

Lakukan pemeriksaan cepat terlebih dahulu. Anda belum perlu mencoba menemukan setiap masalah kecil. Periksa apakah Atoms memahami ide utamanya.

• Apakah bagian dan fitur utamanya ada?
• Apakah tata letak keseluruhannya sesuai dengan yang Anda minta?
• Apakah tombol, tautan, filter, atau interaksi penting lainnya merespons?
• Apakah ada sesuatu yang jelas-jelas hilang, rusak, atau berbeda dari yang Anda maksud?

Anda dapat mempratinjau app dalam mode PC dan mobile, jadi periksa pengalaman pada lebih dari satu ukuran layar sebelum melanjutkan.

Lakukan perubahan

Anggap versi pertama sebagai titik awal. Beri tahu agen apa yang ingin Anda ubah dengan bahasa yang jelas, lalu periksa hasilnya lagi.

Permintaan kecil dan spesifik biasanya lebih mudah ditinjau daripada mengubah semuanya sekaligus.

Untuk perubahan visual, Anda dapat mengedit elemen secara langsung di Penampil App atau menjelaskan perubahan tersebut kepada agen. Jika Anda memiliki screenshot, desain, file, atau referensi lain yang ingin Anda jadikan acuan bagi Atoms, unggah itu dan arahkan agen ke sana.

Saat sesuatu rusak: Jika memang ada yang rusak dan bukan sekadar berbeda dari preferensi Anda, gunakan Fix Bug atau beri tahu agen dengan tepat apa yang salah dan di mana itu terjadi.

Jika masih gagal: Berhentilah mengulangi permintaan yang sama setelah satu percobaan ulang yang terfokus. Catat langkah yang terdampak, apa yang Anda harapkan, apa yang terjadi, apa yang sudah Anda coba, dan tautan proyek yang dapat dibagikan atau screenshot. Jika Anda adalah pengguna berbayar dengan masalah akun, penagihan, atau platform Atoms, buka Pusat Bantuan Atoms, pilih Atoms Support di bawah Explore resources, lalu pilih Contact us. Untuk pengguna Paket Gratis atau petunjuk produk umum dan pemecahan masalah, mulailah dengan Pusat Bantuan, Ask Assistant, atau komunitas Atoms.

Uji sebelum Anda memublikasikan

Sebelum Anda mengirim app kepada siapa pun, luangkan beberapa menit untuk menggunakannya seperti pengunjung sungguhan. Pengujian cepat sekarang jauh lebih mudah daripada menjelaskan tautan rusak setelah Anda membagikannya.

• Klik setiap tombol dan tautan penting.
• Coba bagian interaktif, seperti filter, formulir, menu, atau navigasi.
• Periksa tampilan PC dan mobile.
• Cari teks yang terpotong, bertumpuk, hilang, atau sulit dibaca.
• Pastikan alur pengguna utama berfungsi dari awal hingga akhir.

Jika app Anda bergantung pada data tersimpan atau tindakan backend, uji itu juga. Atoms dapat menggunakan Atoms Cloud atau terhubung dengan Supabase untuk kapabilitas seperti penyimpanan data, rahasia, email, panggilan AI, dan pembayaran.

Sebelum memublikasikan, hapus rahasia, kata sandi, token, informasi pribadi, dan data uji privat dari apa pun yang dapat dilihat pengunjung. Konfirmasikan apakah proyek harus bersifat Public atau Private, dan uji tautan live dengan akun yang dimaksud. Jika app menggunakan pembayaran nyata, email, data tersimpan, atau layanan terhubung, verifikasi tindakan produksi tersebut secara terpisah sebelum membagikannya.

Publikasikan

Saat pratinjau terlihat benar dan interaksi utama berfungsi, klik Publish di sudut kanan atas editor.

Publikasi membuat tautan live yang aksesnya bergantung pada visibilitas yang Anda pilih. Public dapat dibuka melalui tautan dan mungkin muncul di Discover. Private hanya terlihat oleh pemilik dan mungkin dibatasi oleh paket. Pilih visibilitas yang dimaksud sebelum membagikan, dan uji tautannya dengan akun yang dimaksud.

Publikasi adalah titik ketika proyek Anda menjadi sesuatu yang benar-benar dapat dibuka oleh orang lain. Terus kembangkan di dalam proyek, tetapi selalu periksa versi live secara terpisah setelah Anda memublikasikannya.

Verifikasi app live

Buka sendiri tautan yang telah dipublikasikan sebelum membagikannya. Konfirmasikan bahwa visibilitas Public atau Private yang dipilih memberikan akses kepada audiens yang dimaksud; gunakan jendela privat atau akun yang dimaksud untuk mengujinya.

• Buka tautan di tab baru atau jendela privat menggunakan akun atau konteks akses yang sesuai dengan audiens yang dimaksud.
• Konfirmasikan bahwa halaman dimuat dan menampilkan versi yang Anda harapkan.
• Ulangi klik atau interaksi yang paling penting.
• Periksa halaman di ponsel jika pengunjung mobile penting untuk app Anda.

Jika Anda menemukan masalah, kembali ke proyek, lakukan perubahan, uji pratinjau lagi, lalu perbarui versi live.

Perbarui setelah Anda melakukan perubahan

App Anda tidak berhenti berubah hanya karena Anda sudah memublikasikannya sekali. Terus sempurnakan di dalam proyek kapan pun Anda perlu.

Setelah publikasi pertama, tombol Publish berubah menjadi Update. Klik Update saat Anda ingin mendorong perubahan baru ke versi live.

Setelah pembaruan, buka tautan yang dipublikasikan sekali lagi dan verifikasi. Itu memberi Anda alur sederhana yang dapat diulang:

Jelaskan → Periksa → Ubah → Uji → Publikasikan → Verifikasi → Perbarui

Itulah alur kerja inti Atoms. App yang lebih kompleks mungkin menambahkan data, autentikasi, integrasi, domain kustom, atau beberapa agen, tetapi alur build-nya tetap sama.