Mulai Cepat

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, dan publikasikan saat sudah siap.

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

Langkah-langkah ini mencakup proyek web desktop saat sudah masuk. Proyek seluler menggunakan alur build dan distribusi seluler 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 membuat kodenya.

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

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 nol.

Periksa hasil pertama

Atoms membuat proyek dan membangun versi pertama. Saat sudah siap, buka Penampil App dan lihat 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 keseluruhan 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 seluler, 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 sederhana, 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 ikuti oleh Atoms, unggah dan arahkan agen ke sana.

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

Jika masih gagal: Berhenti 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 Atoms Help Center, pilih Atoms Support di bawah Explore resources, lalu pilih Contact us. Untuk pengguna Paket Gratis atau petunjuk produk umum dan pemecahan masalah biasa, mulai dari Help Center, 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 seluler.
• Cari teks yang terpotong, bertumpuk, hilang, atau sulit dibaca.
• Pastikan alur utama pengguna 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 Anda memublikasikan, hapus rahasia, kata sandi, token, informasi pribadi, dan data uji privat dari apa pun yang dapat dilihat pengunjung. Konfirmasikan apakah proyek harus Public atau Private, dan uji tautan live dengan akun yang dituju. 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 utamanya 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 tautan dengan akun yang dituju.

Publikasi adalah titik saat 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 memberi akses kepada audiens yang dituju; gunakan jendela privat atau akun yang dituju untuk mengujinya.

• Buka tautan di tab baru atau jendela privat menggunakan akun atau konteks akses yang sesuai dengan audiens yang dituju.
• Konfirmasikan bahwa halaman dimuat dan menampilkan versi yang Anda harapkan.
• Ulangi klik atau interaksi yang paling penting.
• Periksa halaman di ponsel jika pengunjung seluler 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 siklus 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 siklus build tetap sama.