Menyelesaikan acticrawl.com dalam 17 jam dengan Claude Code: kemungkinan baru kolaborasi AI
(youtube.com)- Selama 17 jam, dari pukul 9 pagi hingga 2 dini hari, menggunakan Claude Code dan Rails 8 untuk mengembangkan dan menerapkan frontend lengkap bagi layanan pengumpulan data yang benar-benar siap dioperasikan
- Berkolaborasi dengan AI di semua area selain backend: dari perencanaan, desain, frontend, kode pengujian, hingga deployment dalam proses pengembangan one-stop
- Jika hanya memberikan URL situs referensi, AI akan menganalisis tone and manner lalu otomatis membangun sistem desain yang konsisten
- Pengembangan paralel melalui duplikasi folder: pengembangan fitur utama dan perbaikan bug dilakukan secara bersamaan untuk memaksimalkan efisiensi pengembangan
- Dengan penerapan paksa metode TDD, kualitas kode level production termasuk cakupan pengujian dapat dipastikan
- AI bahkan menyelesaikan error deployment sendiri: saat terjadi masalah migrasi, proses backup → rollback → redeploy ditangani secara otomatis
- Sistem afiliasi dengan komisi berbeda untuk B2B/B2C serta model pendapatan yang mencerminkan biaya layanan eksternal juga dirancang secara rinci
- Koneksi domain nyata dan operasional layanan: layanan yang benar-benar berjalan saat ini dapat dilihat di acticrawl.com
Proses nyata pengembangan maraton 17 jam
Tahap 1: Membangun sistem desain berbasis referensi (2 jam)
- Memberikan URL situs SaaS yang ada kepada AI untuk menganalisis secara otomatis warna, tipografi, dan pola layout
- Membangun sistem komponen setara Bootstrap dengan TailwindCSS untuk memastikan UI/UX yang konsisten
- Mewujudkan pengalaman pengguna yang profesional melalui standardisasi tombol, animasi, dan efek hover
Tahap 2: Penyusunan halaman dan implementasi fitur (8 jam)
- Landing page: halaman utama untuk memperkenalkan layanan dan menarik pengguna
- Sistem autentikasi pengguna: pendaftaran anggota, login
Tahap 3: Perancangan logika bisnis dan model pendapatan (4 jam)
- Sistem afiliasi: struktur komisi berbeda, B2B 20% dan B2C 15%
- Perhitungan biaya layanan eksternal: penetapan harga yang realistis dengan mencerminkan biaya operasional seperti proxy IP
Tahap 4: Pengujian dan deployment (3 jam)
- Menjamin stabilitas dengan menulis kode pengujian metode TDD
- Pipeline deployment otomatis: saat terjadi error, AI menyelesaikannya langkah demi langkah
- Optimalisasi koneksi domain dan lingkungan production
Penemuan workflow yang inovatif
Pengembangan paralel dengan duplikasi folder
- Menggandakan proyek ke dua folder dan menjalankan Claude Code secara independen di masing-masing folder
- Pengembangan fitur utama dan perbaikan bug dilakukan bersamaan sehingga kecepatan pengembangan meningkat 2 kali lipat
- Manajemen branch yang aman dan minim konflik dengan pendekatan GitHub Flow
Mengajarkan aturan pengembangan kepada AI
- Aturan yang sekali disetel akan terus dipatuhi AI: TDD, Git Flow, prinsip DRY, I18n, dan lain-lain
- Meski manusia bisa lupa, AI tidak pernah melewatkannya, sehingga kualitas kode tetap konsisten
- Best practice setara developer senior diterapkan secara otomatis
The 17-Hour Development Principle
Mengatasi keterbatasan metode pengembangan lama
- Pekerjaan pengembangan frontend yang biasanya memakan beberapa minggu hingga beberapa bulan dapat diselesaikan hanya dalam satu hari
- Muncul paradigma baru di mana satu orang dapat menjalankan peran desainer + developer frontend
- Mencapai kualitas frontend yang benar-benar siap dioperasikan, bukan sekadar level MVP
Efek sinergi dari kombinasi alat AI
- Claude Code + Rails 8 + TailwindCSS menunjukkan kekuatan kombinasi yang tak terduga
- Masing-masing alat sudah bagus secara individual, tetapi saat digunakan bersama efeknya meningkat secara eksponensial
- Menghadirkan standar baru produktivitas pengembangan
Hasil yang terverifikasi dan keterbukaan yang transparan
Layanan yang benar-benar beroperasi
- acticrawl.com: frontend berfitur lengkap yang bisa diakses sekarang juga (backend akan dikembangkan terpisah)
- Pengujian frontend yang lengkap: codebase UI/UX stabil yang dikembangkan dengan TDD
- Model bisnis yang konkret: rancangan dengan struktur pendapatan realistis yang mencerminkan biaya operasional
Seluruh proses dipublikasikan
- Seluruh proses pengembangan dibuka secara transparan melalui video rangkuman proses pengembangan 17 jam (https://www.youtube.com/live/zNy9BM8LJwc)
- Percakapan nyata dengan AI serta proses pemecahan masalah direkam dengan jelas
- Dapat dimanfaatkan juga oleh developer lain sebagai workflow yang bisa direplikasi
Sinyal perubahan dalam ekosistem pengembangan
Perluasan kemampuan developer individu
- Era di mana frontend setingkat perusahaan dapat dikembangkan sendirian kini telah tiba
- Siklus perencanaan → desain → implementasi dipersingkat dari skala mingguan menjadi harian
- Dengan turunnya hambatan masuk pengembangan frontend secara drastis, peluang inovasi menjadi lebih besar
Standar baru kolaborasi AI
- Pemanfaatan AI melampaui sekadar pembuatan kode, menjadi partner pengembangan frontend secara menyeluruh
- Metodologi kolaborasi efektif dengan AI di semua tahap frontend, dari perencanaan hingga deployment
- Kasus nyata yang membuktikan peningkatan kecepatan tanpa menurunkan kualitas
Penutup
Proyek ini adalah contoh nyata yang menunjukkan bagaimana alat AI dapat secara revolusioner meningkatkan produktivitas developer frontend. Intinya bukan hanya membuat sesuatu dengan cepat, tetapi bahwa frontend yang lengkap dengan mempertimbangkan pengujian, deployment, dan operasional dapat dibangun hanya dalam satu hari.
PS: Jika ingin mencoba tantangan pengembangan 17 jam, disarankan melihat video rangkumannya (https://www.youtube.com/live/zNy9BM8LJwc)
PPS: Jika penasaran dengan layanan nyatanya, Anda bisa langsung mencobanya di acticrawl.com
9 komentar
Merupakan suatu kehormatan juga karena ada video YouTube seperti ini di Korea. Akan saya jadikan referensi dengan baik, terima kasih!
Bagian docs tampaknya banyak yang tidak berfungsi.
mis.
https://acticrawl.com/en/docs/quickstart
Kami memang berencana untuk mengerjakan dokumentasi. Terima kasih!
Apakah frasa seperti di bawah ini aman secara hukum?
17 jam, gila banget.
Keren sekali.
Sepertinya ini akan sangat membantu saat dijadikan referensi untuk membuat layanan. Terima kasih.
Tapi, ada yang ingin saya tanyakan: apakah ada hal yang sulit atau kendala yang Anda alami saat mengerjakannya? (Saya masih belum sempat menonton videonya.. sebentar lagi akan saya tonton.)
Kesulitan dalam menggunakan AI
Video ini sangat positif terhadap penggunaan AI untuk pengembangan, tetapi pembicara menyebutkan beberapa tantangan dan hal yang perlu dipertimbangkan.
Saya sudah mencoba memakai AI..
AI apa yang Anda gunakan untuk merangkum? Soalnya kualitas rangkumannya sepertinya tidak terlalu bagus sih haha
Ditulis oleh bocil 😭
Poin-poin yang sulit atau kendala yang dihadapi semuanya sudah disebutkan di video. Terima kasih.