00:00:00Baru-baru ini saya menemukan sebuah alat bernama CodeRabbit yang pada dasarnya adalah asisten peninjau
00:00:05kode berbasis AI yang terintegrasi dengan platform seperti GitHub dan memberikan umpan balik baris demi baris
00:00:10pada pull request. Konsepnya cukup sederhana namun sangat canggih. Setiap kali Anda membuka pull request,
00:00:16AI akan secara otomatis meninjau kode Anda dan memberikan komentar yang menyarankan perbaikan, menunjukkan bug,
00:00:22serta menyoroti potensi masalah. Namun seperti kebanyakan alat AI saat ini, versi gratisnya cukup
00:00:28terbatas dan fungsi lengkapnya memerlukan langganan berbayar. Jadi saya melakukan apa yang kebanyakan developer
00:00:33lakukan saat melihat produk keren. Saya mencoba membangunnya sendiri. Tapi kali ini, alih-alih
00:00:38menulis ratusan baris kode, kita akan membangun seluruh sistem ini menggunakan n8n yang merupakan
00:00:44platform otomatisasi alur kerja yang tangguh. Mari kita mulai. Pertama, kita perlu menyiapkan n8n. Anda
00:00:51pada dasarnya punya dua opsi. Opsi pertama adalah menjalankannya secara lokal di komputer menggunakan perintah
00:00:56sederhana yang cocok jika Anda hanya ingin bereksperimen atau menguji beberapa alur kerja dengan cepat.
00:01:01Namun, jika Anda ingin otomatisasi Anda benar-benar berjalan di latar belakang dan tersedia 24/7,
00:01:06maka Anda pada akhirnya perlu menghostingnya di suatu tempat. Anda bisa menghostingnya menggunakan n8n Cloud yang merupakan
00:01:12platform hosting resmi yang dikelola. Tapi secara pribadi, menurut saya itu agak mahal karena harganya
00:01:17dimulai sekitar $20 per bulan dan bisa meningkat tergantung seberapa banyak otomatisasi yang Anda gunakan.
00:01:23Selain itu, menyiapkan n8n dari nol di server terkadang bisa agak rumit jika Anda
00:01:28tidak terbiasa dengan konfigurasi server. Jadi jika Anda ingin sesuatu yang lebih murah dan jauh lebih mudah
00:01:33disiapkan, Anda bisa menggunakan Hostinger yang juga merupakan sponsor video hari ini. Jadi yang perlu Anda lakukan
00:01:39adalah mengeklik tautan pertama di deskripsi yang akan membawa Anda langsung ke halaman self-hosting n8n
00:01:44Hostinger. Jika Anda menggulir ke bawah ke bagian harga, Anda akan melihat bahwa rencananya sebenarnya
00:01:50sangat terjangkau dibandingkan dengan n8n Cloud. Namun harga bukan satu-satunya keuntungan di sini. Saat Anda
00:01:56melakukan self-host n8n di VPS dari Hostinger, Anda mendapatkan alur kerja tanpa batas, kepemilikan penuh atas data Anda,
00:02:03dan harga yang dapat diprediksi karena Anda tidak membayar berdasarkan penggunaan. Keuntungan besar lainnya adalah
00:02:08Hostinger menyediakan penyiapan satu klik sehingga Anda dapat menjalankan instans n8n dalam hitungan menit
00:02:14tanpa berurusan dengan langkah instalasi yang rumit. Untuk tutorial ini, saya merekomendasikan memilih paket KVM2
00:02:20yang merupakan opsi terpopuler dan menyediakan sumber daya yang cukup untuk menjalankan beberapa alur kerja dengan nyaman.
00:02:25Setelah memilih paket, Anda akan dibawa ke halaman pembayaran di mana Anda dapat memilih
00:02:31periode penagihan. Biasanya memilih 12 atau 24 bulan memberikan nilai terbaik. Jika Anda menggulir ke bawah
00:02:37lebih jauh, Anda akan dapat memilih wilayah server dan di bagian sistem operasi Anda
00:02:42akan melihat bahwa n8n sudah dipilih sebelumnya. Dan ngomong-ngomong, jika Anda ingin diskon tambahan,
00:02:48Anda dapat menggunakan kode kupon saya DECODINGCOALATEN untuk mendapatkan diskon tambahan 10%. Setelah itu, Anda cukup
00:02:54membuat akun jika belum punya, masukkan informasi pembayaran, dan selesaikan checkout.
00:02:58Setelah pembayaran selesai, Anda akan diarahkan ke halaman penyiapan VPS di mana Anda perlu
00:03:04memasukkan kata sandi root untuk server Anda. Setelah beberapa saat, VPS Anda akan siap dan Anda akan
00:03:10melihatnya muncul di dasbor Hostinger Anda. Dan begitulah. Sekarang kita akhirnya bisa fokus pada
00:03:16bagian yang menarik, yaitu membangun alur kerja kita. Setelah VPS siap, cukup klik Manage App,
00:03:22buat akun n8n jika belum punya, dan Anda akan dibawa ke dasbor.
00:03:27Di dalam dasbor, umumnya Anda memiliki dua opsi saat membuat alur kerja. Anda bisa
00:03:33mulai sepenuhnya dari nol atau menggunakan templat yang sudah ada yang telah dibuat orang lain.
00:03:38Bahkan, untuk tinjauan kode AI GitHub ini, kita juga akan mulai dari templat yang sudah ada dan
00:03:44kemudian menyesuaikannya sesuai kebutuhan kita. Mari kita impor templatnya. Anda bisa
00:03:50mengimpornya langsung ke instans Anda atau menyalin templat ke clipboard dan menempelkannya ke editor
00:03:55alur kerja Anda. Saya akan memilih opsi clipboard. Sekarang kita bisa mulai mengerjakan alur kerja kita.
00:04:01Mari kita mulai dengan node pertama. Node pertama adalah pemicu GitHub, yang pada dasarnya mendengarkan
00:04:06kejadian yang terjadi di repositori GitHub Anda. Untuk mengonfigurasinya, cukup klik dua kali pada node tersebut dan
00:04:11buat kredensial baru. Anda akan melihat dua opsi untuk menghubungkan akun GitHub Anda. Saya akan menggunakan
00:04:17opsi OAuth2. Untuk mendapatkan kredensial yang diperlukan, buka pengaturan GitHub Anda, gulir ke bawah ke pengaturan
00:04:23developer, buka aplikasi OAuth, dan buat aplikasi OAuth baru. Beri nama aplikasi tersebut. Dan untuk URL
00:04:30callback, Anda cukup menyalin URL redirect yang disediakan oleh n8n dan menempelkannya di sana. Setelah mendaftarkan
00:04:36aplikasi, GitHub akan menghasilkan ID klien dan Anda juga dapat membuat rahasia klien. Salin kedua
00:04:42nilai ini dan tempelkan ke kolom kredensial di dalam n8n. Lalu klik hubungkan dan otorisasi
00:04:48aplikasi tersebut. Setelah terhubung, Anda cukup memasukkan pemilik repositori dan nama repositori dan pastikan
00:04:54tipe kejadian disetel ke pull request. Sekarang alur kerja akan secara otomatis mendengarkan pull request
00:05:00yang dibuat di repositori tersebut. Node berikutnya dalam alur kerja kita bertanggung jawab untuk mengambil
00:05:06perbedaan file dari pull request. Setiap kali pull request dibuat, ada perubahan antara
00:05:11kode lama dan kode baru dan node ini mengambil perubahan tersebut agar AI kita dapat menganalisisnya.
00:05:17Setelah itu, kita memiliki node JavaScript yang disebut create target prompt. Node ini menyiapkan prompt yang
00:05:23akan dikirim ke model AI. Di dalam kodenya, Anda akan melihat variabel bernama user message, yang
00:05:29berisi instruksi untuk AI. Hal baiknya adalah Anda dapat menyesuaikan prompt ini sesuka hati,
00:05:34tergantung seberapa ketat atau detail tinjauan kode yang Anda inginkan. Berikutnya adalah node agen tinjauan
00:05:40kode, yang bertanggung jawab untuk benar-benar mengirim permintaan ke model AI. Templat ini
00:05:45awalnya terhubung ke model OpenAI dan juga menggunakan Google Sheets untuk panduan pengodean.
00:05:51Tapi untuk tutorial ini, kita akan menggunakan model Google Gemini sehingga kita bisa menghapus node Google Sheets dan
00:05:57mengganti model OpenAI dengan model chat Gemini. Anda hanya perlu menempelkan kunci API Gemini Anda
00:06:04dan sekarang Gemini akan menangani tinjauan kode. Pada tahap ini, alur kerja kita sudah melakukan sebagian besar
00:06:10pekerjaan beratnya. Ia mendengarkan pull request, mengambil kode yang berubah, membuat prompt,
00:06:16dan mengirimkannya ke AI untuk dianalisis. Sekarang kita hanya perlu memposting hasilnya kembali ke GitHub. Node
00:06:22berikutnya disebut robot GitHub dan node ini bertanggung jawab untuk memposting komentar langsung pada
00:06:27pull request. Sekali lagi, kita menggunakan kredensial GitHub yang kita konfigurasi sebelumnya, masukkan
00:06:32detail repositori, dan pilih tipe kejadian komentar. Terakhir, kita memiliki satu node GitHub terakhir yang
00:06:39menambahkan label untuk mengidentifikasi bahwa komentar tersebut dihasilkan oleh tinjauan AI kita. Klik dua kali padanya
00:06:44dan isi informasi yang sama seperti sebelumnya. Anda juga dapat mengedit labelnya sesuai keinginan. Dan selesai.
00:06:50Alur kerja kita sekarang sudah lengkap. Sebelum kita menguji, mari kita publikasikan alur kerja kita terlebih dahulu. Cukup klik publish
00:06:56di bagian atas, beri nama, dan selesai. Sekarang mari kita uji. Saya menggunakan repositori bernama Quizify,
00:07:03yang pada dasarnya adalah proyek generator kuis AI. Untuk menguji alur kerja kita, saya akan sengaja menambahkan beberapa
00:07:09kode buruk agar AI memiliki sesuatu untuk dikritik. Sebelum mengirim perubahan, pastikan Anda membuat
00:07:16cabang (branch) terpisah agar Anda dapat membuka pull request. Setelah branch dikirim, kita buat pull
00:07:21request-nya. Sekarang jika semuanya dikonfigurasi dengan benar, alur kerja kita akan terpicu secara otomatis. Dan seperti
00:07:30yang Anda lihat, AI telah menganalisis kode tersebut dan mulai memberikan komentar langsung pada pull
00:07:36request. Setiap kali Anda membuka PR baru di masa mendatang, alur kerja ini akan otomatis berjalan dan meninjau
00:07:43kode Anda. Anda juga dapat memeriksa log eksekusi di dalam n8n untuk melihat bahwa alur kerja berjalan sukses.
00:07:49Jadi ya, begitulah cara Anda membangun peninjau kode GitHub AI sendiri menggunakan n8n,
00:07:55yang dihosting di Hostinger dan mengotomatiskan tinjauan kode hanya dalam beberapa menit. Dan bagian kerennya adalah ini
00:08:00hanyalah permulaan dari apa yang bisa Anda bangun dengan n8n. Begitu Anda mulai bereksperimen, Anda
00:08:06dapat mengotomatiskan segalanya mulai dari alur deployment hingga agen AI dan alur kerja produktivitas. Jadi
00:08:12itu saja untuk video kali ini. Terima kasih kepada Hostinger karena telah mensponsori video ini dan pastikan kalian
00:08:17melihatnya. Jika menurut Anda video ini bermanfaat, pastikan untuk menyukai, membagikan, dan berlangganan. Sampai jumpa
00:08:23di video berikutnya.