00:00:00Halo,
00:00:01selamat datang di live stream komunitas Purcell minggu ini.
00:00:22Saya Amy Egan.
00:00:23Saya bagian dari tim komunitas di Purcell.
00:00:27Sebagai pengingat,
00:00:28ini disiarkan ke X dan YouTube,
00:00:29tetapi jika Anda ingin bergabung dalam obrolan,
00:00:32silakan masuk ke komunitas dan klik 'hadir' di acara tersebut.
00:00:35Anda akan melihat obrolan muncul di samping dan saya akan memastikan kami menangkap komentar Anda jika ada pertanyaan.
00:00:42Jangan ragu untuk bertanya sepanjang sesi dan kami akan menjawab semuanya di akhir.
00:00:47Dan sebagai pengingat,
00:00:49jika Anda berada di obrolan,
00:00:50mohon tetap menghormati dan mengikuti kode etik kami.
00:00:54Baiklah, saya ingin menyambut tamu-tamu kami ke panggung.
00:00:58Bulan lalu,
00:00:59rekan tim saya,
00:00:59Jacob,
00:01:00bergabung dengan tim HubSpot untuk membahas tentang membawa backend Anda sendiri ke program pengembang HubSpot.
00:01:05Dan bulan ini kami bergabung dengan tim HubSpot untuk membahas bagaimana mereka menggunakan Purcell.
00:01:09Jadi, selamat datang Brooke.
00:01:12Terima kasih banyak, Amy.
00:01:13Halo semuanya.
00:01:14Nama saya Brooke Bond dan saya senang bisa berada di komunitas Purcell ini.
00:01:20Saya punya beberapa pertanyaan yang bisa Anda jawab di obrolan,
00:01:24kami ingin tahu,
00:01:25apakah Anda pernah menggunakan HubSpot sebelumnya?
00:01:28Apakah Anda tahu siapa kami?
00:01:30Apakah Anda pernah membangun sesuatu dengan kami?
00:01:31Dan jika ya, apa yang sudah Anda bangun?
00:01:34Saya ingin sekali mengetahui semua komentar itu di obrolan.
00:01:38Itu akan sangat menyenangkan,
00:01:40tapi kita hanya punya 30 menit.
00:01:42Jadi saya ingin memastikan kita membahas semua konten hebat kita.
00:01:45Jadi hari ini kita akan membahas singkat, apa itu HubSpot?
00:01:49Siapa kami sebagai tim DevRel HubSpot?
00:01:51Bagaimana kita bisa menggunakan HubSpot dan Purcell bersama?
00:01:54Dan kemudian kami punya beberapa contoh bagaimana tim DevRel HubSpot kami telah menggunakan Purcell dalam berbagai proyek yang kami lakukan di HubSpot.
00:02:02Dan terakhir,
00:02:02kami akan menyisakan sedikit waktu untuk tanya jawab.
00:02:04Jadi seperti yang Amy katakan,
00:02:06jika Anda punya pertanyaan,
00:02:07silakan tulis di obrolan dan kami akan dengan senang hati menjawabnya di akhir.
00:02:12Jadi hari ini saya akan ditemani oleh dua rekan saya,
00:02:16Dennis Edson dan Chris Riley.
00:02:18Dan kami sangat senang berada di sini.
00:02:19Jadi pertama,
00:02:20mari kita tetapkan aturan dasar,
00:02:22bukan aturan dasar,
00:02:23mari kita jelaskan apa itu HubSpot.
00:02:25HubSpot adalah CRM cerdas untuk bisnis.
00:02:29Kami memiliki serangkaian perangkat lunak pemasaran,
00:02:33penjualan,
00:02:34dan layanan,
00:02:35serta platform pengembang terpadu untuk membangun integrasi.
00:02:39Dan itulah yang menjadi fokus tim DevRel kami,
00:02:42yaitu membantu pengembang kami memahami cara menggunakan platform pengembang.
00:02:47Gambar yang Anda lihat di layar ini adalah halaman catatan kontak CRM.
00:02:53Jadi dengan platform pengembang HubSpot,
00:02:56semua pekerjaan yang Anda buat tersimpan dalam sebuah proyek HubSpot.
00:03:00Dan di platform pengembang HubSpot,
00:03:03Anda dapat membangun aplikasi statis internal atau aplikasi OAuth eksternal.
00:03:09Dan jika Anda membangun aplikasi eksternal,
00:03:12Anda bisa memasangnya di marketplace HubSpot kami,
00:03:15lalu siapa pun dengan akun HubSpot bisa pergi ke marketplace dan mengunduh aplikasi Anda.
00:03:21Jadi,
00:03:21katakanlah Anda Vercel dan ingin membangun integrasi di mana orang dapat melihat metrik Vercel mereka di dalam akun HubSpot mereka.
00:03:29Anda bisa membangunnya,
00:03:30membuat alur OAuth,
00:03:31meminta orang mengunduhnya ke akun mereka,
00:03:34dan kemudian mereka dapat melihat data Vercel mereka langsung di dalam HubSpot dan sebaliknya.
00:03:40Nah,
00:03:40tangkapan layar yang saya miliki di sini sekarang adalah halaman ikhtisar pengembangan.
00:03:46Jadi kami memiliki halaman ikhtisar pengembangan khusus untuk para pengembang saat mereka berada di akun mereka sehingga mereka dapat melihat semua proyek yang sedang mereka kerjakan.
00:03:54Kami juga memiliki alat pemantauan sehingga orang dapat melihat penggunaan API dan semua hal baik lainnya.
00:04:01Jadi semua pekerjaan Anda di satu tempat,
00:04:03sangat mudah bagi Anda untuk langsung masuk.
00:04:05Anda tidak perlu khawatir dengan kerumitan semua hal lain yang bukan bagian dari proyek HubSpot Anda.
00:04:11Jadi sekarang saya ingin memperkenalkan kami sebagai sebuah tim.
00:04:15Kami adalah kelompok pengembang dan manajer interdisipliner yang membantu pengembang kami berkembang di ekosistem HubSpot,
00:04:22dan kami membantu komunitas pengembang dengan membangun solusi,
00:04:26membantu mereka mempelajari praktik terbaik,
00:04:29serta membuat integrasi yang dapat mereka gunakan.
00:04:32Kami menyelenggarakan acara langsung seperti ini dan di saluran kami sendiri,
00:04:36menghadiri dan berbicara di konferensi,
00:04:38dan kami juga memastikan bahwa umpan balik pengembang eksternal dipertimbangkan saat membangun dan meluncurkan fitur baru.
00:04:45Jadi kami sangat dekat dengan rekan-rekan rekayasa pengembang kami dan kami memberikan umpan balik dari komunitas kami untuk membantu kami membuat produk kami lebih baik.
00:04:53Jadi ini hanyalah grafik kecil yang saya buat untuk menunjukkan lebih banyak lagi.
00:04:57Kami memiliki pembelajaran dan sumber daya yang mencakup dokumentasi pengembang,
00:05:02blog,
00:05:03YouTube,
00:05:03dan berbagai tutorial yang kami miliki baik di YouTube,
00:05:07GitHub,
00:05:07maupun tempat lain.
00:05:08Komunitas dan koneksi kami,
00:05:10kami memiliki Slack pengembang yang bisa didaftar oleh siapa saja.
00:05:13Kami juga memiliki forum,
00:05:15jadi orang-orang bisa pergi dan bertanya di forum komunitas.
00:05:18Dan kami mengadakan acara langsung sepanjang tahun.
00:05:22Kami juga memiliki beberapa alat pembangunan dan pengembangan.
00:05:25Jadi kami memiliki penilaian kualitas aplikasi,
00:05:27itu adalah tim kualitas ekosistem kami.
00:05:29Mereka melihat semua aplikasi yang masuk ke marketplace kami dan memastikan bahwa aplikasi tersebut memenuhi standar kami.
00:05:37Dan kemudian kami juga memiliki aplikasi contoh.
00:05:39Dan terakhir, ini baru, tapi kami punya Dev MCP kami.
00:05:42Dan kami bekerja sangat erat dengan para insinyur yang membangunnya agar mereka dapat memahami bagaimana kami bisa membuat produk MCP yang sangat baik untuk pengembang kami.
00:05:51Dan terakhir, pameran dan pertumbuhan.
00:05:53Kami memiliki bagian studi kasus di mana kami mengambil program pengembang hebat dan kami menyoroti bagaimana mereka menggunakan HubSpot.
00:06:02Kami juga memiliki sertifikasi marketplace.
00:06:04Jadi ketika Anda menerbitkan aplikasi Anda di marketplace kami,
00:06:07Anda bisa mendapatkan sertifikasi marketplace,
00:06:09yang berarti Anda akan mendapatkan tanda centang biru kecil atau hanya simbol untuk memberi tahu orang bahwa Anda terjamin kualitasnya.
00:06:16Dan terakhir, kami membantu koordinasi GTM (Go-to-Market).
00:06:19Jadi ketika kami memiliki peluncuran besar sepanjang tahun,
00:06:22kami membantu dengan materi pemasaran untuk itu,
00:06:25memastikan bahwa kami berbicara kepada audiens pengembang kami dengan cara yang terbaik bagi mereka.
00:06:30Jadi sekarang setelah kita membahas siapa kami dan apa yang kami lakukan,
00:06:34mari kita bicara tentang bagaimana kami menggunakan HubSpot dan Vercel bersama.
00:06:37Jadi seperti yang Amy katakan,
00:06:39bulan lalu kami mengadakan webinar tentang membawa backend Anda sendiri.
00:06:43Jadi ini adalah salah satu kasus penggunaan utama yang akan saya bicarakan di sini,
00:06:47yaitu menggunakan Vercel sebagai layanan backend tersebut.
00:06:50Jadi dalam kasus ini,
00:06:51Anda memiliki aplikasi HubSpot Anda,
00:06:53yang merupakan front end kami,
00:06:54dan itu memiliki komponen UI yang dibangun dengan React yang Anda letakkan di halaman Anda sehingga Anda dapat merendernya untuk front end di dalam akun HubSpot.
00:07:03Dan kemudian Anda memiliki backend Vercel Anda,
00:07:05yang akan menyimpan kode Anda.
00:07:06Jadi yang akan Anda lakukan adalah di dalam kode Anda,
00:07:09Anda akan menggunakan hubspot.fetch untuk memanggil backend Anda melalui API yang Anda buat.
00:07:14Dan kemudian itu akan mengembalikan dan memanipulasi data lalu merender respons ke front end.
00:07:20Jadi untuk menunjukkan seperti apa itu,
00:07:23saya akan dengan cepat membahas contoh yang saya bangun,
00:07:27dan ini adalah generator file LLMS.txt.
00:07:30Coba katakan itu tiga kali dengan cepat.
00:07:32Jadi yang dilakukan ini adalah generator file LLMS.txt adalah aplikasi HubSpot yang mengambil URL halaman web atau peta situs,
00:07:41mengurai data di halaman tersebut untuk membuat file itu.
00:07:45Dan file LLMS.txt adalah file untuk perayap pencarian AI sehingga mereka tidak memiliki semua HTML tambahan itu.
00:07:55Ini merender informasi Anda dalam format file markdown sehingga mereka dapat membacanya dengan sangat cepat.
00:08:02Dan ini menggunakan HubSpot fetch untuk memanggil endpoint API Vercel dan API file HubSpot untuk mengunggah file itu ke akun HubSpot Anda.
00:08:11Jadi tangkapan layar yang saya tunjukkan di sini adalah kode saya,
00:08:15dan di sinilah saya sebenarnya memanggil API Vercel.
00:08:18Dan di sini,
00:08:19saya hanya membungkusnya dalam try-catch,
00:08:23lalu saya mengirimkan endpoint.
00:08:25Jadi sekarang setelah saya membahasnya,
00:08:27mari kita lihat cara kerjanya.
00:08:28Jadi saya akan masuk ke front end agar Anda bisa melihatnya.
00:08:31Jadi ini ada di dalam akun HubSpot kami,
00:08:34dan di sini kami memiliki generator DevRel Labs.
00:08:38Ini adalah apa yang dikenal sebagai halaman pengaturan aplikasi,
00:08:41dan alasan mengapa saya memilih untuk merender ini di halaman pengaturan aplikasi adalah karena ini adalah jenis pekerjaan yang sangat bersifat admin yang akan dilakukan orang untuk situs web mereka.
00:08:51Jadi saya tidak ingin membuatnya dapat diakses oleh siapa pun di dalam akun HubSpot Anda.
00:08:55Saya ingin memastikan bahwa hanya orang yang tepat yang memiliki akses ke ini agar orang tidak membuat ini dan menyebabkan masalah dengan perayap pencarian AI.
00:09:04Jadi di sini,
00:09:05Anda bisa memilih jenisnya,
00:09:06Anda bisa memasukkan seluruh sitemap,
00:09:08atau Anda bisa memasukkan satu URL.
00:09:10Tentu saja,
00:09:11sitemap,
00:09:11jika situs web Anda sangat besar,
00:09:13akan memakan waktu.
00:09:15Jadi URL tunggal akan jauh lebih cepat.
00:09:17Jadi Anda tinggal memasukkan URL Anda.
00:09:20Jadi saya akan menggunakan developers.hubspot.com,
00:09:23dan kemudian itu akan menghasilkan...
00:09:26Oh, saya mendapatkan kesalahan..
00:09:28Oke.
00:09:29Yah, itu menyenangkan.
00:09:30Ini siaran langsung.
00:09:31Jadi mari kita lihat.
00:09:32Mari kita masuk ke pengaturan Vercel saya dan lihat apakah kita mendapatkan pesan kesalahan di...
00:09:38Yah, bukan log build..
00:09:39Jadi di backend saya, kita bisa melihat isinya.
00:09:43Jadi mari kita lihat log runtime dan lihat apakah kita bisa menemukan kesalahannya.
00:09:46Yah,
00:09:47ada yang tidak berfungsi,
00:09:49tetapi jika dalam situasi sempurna,
00:09:53file llms.txt itu akan dibuat dan diunggah ke akun HubSpot Anda menggunakan fungsi serverless Vercel yang saya buat.
00:10:04Jadi sekarang saya akan menyerahkannya kepada rekan tim saya yang lain untuk berbicara tentang bagaimana kami juga menggunakan HubSpot dengan cara lain,
00:10:12tidak hanya membawa Vercel sebagai backend ke HubSpot,
00:10:15tetapi juga untuk berbagai hal yang kami lakukan.
00:10:18Jadi saya akan menyerahkannya kepada Chris.
00:10:20Terima kasih.
00:10:22Satu hal yang saya suka dari demo yang tidak berjalan 100% sempurna adalah itu tentu memungkinkan kita untuk memiliki empati terhadap semua pengembang yang menonton dan komunitas kita dan sebagainya.
00:10:37Jika kita bisa kembali ke slide dengan cepat di komputer Brooke.
00:10:43Sempurna.
00:10:44Terima kasih.
00:10:45Tentu saja,
00:10:46kami ingin Anda semua membawa kreativitas dan ide-ide Anda kepada pelanggan HubSpot melalui integrasi menggunakan API kami.
00:10:57Tapi bagaimana kami juga menggunakan Vercel di dalam DevRel untuk bereksperimen dan menjalankan tes yang sangat cepat serta membangun prototipe yang sangat cepat sehingga kami dapat menguji ide-ide yang kami miliki sebagai tim dan membawanya ke seluruh organisasi.
00:11:15Jadi kami memiliki sesuatu yang disebut DevRel Labs,
00:11:19dan DevRel Labs adalah seperangkat aturan,
00:11:21seperangkat proses yang tersebar di seluruh hubungan pengembang,
00:11:26dan ini memberi kami kesempatan untuk memiliki cara standar untuk bereksperimen,
00:11:31mengambil eksperimen tersebut,
00:11:33memvalidasi atau membatalkannya seperti yang kadang terjadi,
00:11:37dan kemudian meluluskan mereka.
00:11:39Mungkin itu menjadi produk atau menjadi solusi yang lebih sempurna setelahnya.
00:11:46Jadi yang akan kita bicarakan sekarang adalah dua eksperimen yang telah saya pimpin,
00:11:52dan kemudian kita akan beralih ke Dennis untuk berbicara tentang yang sedang dia kerjakan.
00:11:58Tetapi semua eksperimen ini memiliki proses yang jelas dan tujuan yang jelas di sekitarnya.
00:12:03Dan salah satunya adalah kami,
00:12:05seperti banyak organisasi,
00:12:07memiliki komunitas Slack untuk pengembang eksternal.
00:12:10Ini adalah tempat bagi orang-orang yang membangun solusi di atas HubSpot untuk datang,
00:12:17mereka dapat berinteraksi,
00:12:19belajar,
00:12:19dan saling membantu.
00:12:21Karena sungguh,
00:12:22komunitas terbaik adalah komunitas yang memiliki interaksi antar sesama.
00:12:27Jadi kami berpikir,
00:12:29apa yang bisa kami lakukan untuk membawa solusi dan sumber daya lebih cepat kepada anggota komunitas ini?
00:12:38Dan salah satu solusi yang jelas,
00:12:40saya yakin Anda pernah berinteraksi dengan beberapa bot Slack di luar sana,
00:12:44adalah membangun bot Slack.
00:12:45Tetapi ketika kami memikirkan bot Slack,
00:12:47itu bukan sesuatu yang kami ingin mendominasi percakapan.
00:12:51Kami ingin itu ada untuk interaksi.
00:12:53Jadi seharusnya tidak terlalu mengganggu.
00:12:57Dan kami ingin itu ada untuk mendapatkan sumber daya cepat secara real time kepada komunitas eksternal kami.
00:13:05Jadi kami membangunnya di Vercel.
00:13:08Karena itu memungkinkan kami untuk dengan sangat cepat membuat prototipe,
00:13:13lalu mengevaluasi kualitasnya,
00:13:15dan kemudian dari sana memutuskan,
00:13:17apa yang akan kami lakukan selanjutnya dengan ini?
00:13:21Dan saat ini,
00:13:21kami berada dalam tahap eksperimen dan validasi.
00:13:25Jadi bekerja sama dengan tim komunitas kami yang lain di DevRel,
00:13:28kami akan memutuskan ke mana arahnya selanjutnya.
00:13:31Jadi saya ingin cepat menunjukkan di layar saya,
00:13:34bot-botnya,
00:13:34dan apa yang Anda lihat di sini yang kami miliki,
00:13:37saya sebenarnya sangat menyukai layar beranda ini karena menyenangkan,
00:13:41Anda tahu,
00:13:41grafik dan bagan serta angka selalu sangat menyenangkan.
00:13:45Tapi kami punya layar sederhana yang memberi kami beberapa data tentang adopsi bot.
00:13:51Tapi ada dua cara untuk berinteraksi dengan bot.
00:13:53Saya bisa melakukannya melalui pesan langsung,
00:13:55atau kami memiliki beberapa saluran di mana bot akan secara otomatis menanggapi pertanyaan terkait dukungan.
00:14:01Jadi saya akan mengajukan pertanyaan dengan sangat sederhana,
00:14:05bagaimana cara memulai dengan HubSpot Dev MCP.
00:14:08Dan yang ingin saya tunjukkan,
00:14:10karena saya sedikit terbatas dalam apa yang sebenarnya bisa saya tunjukkan dari backend kami,
00:14:15adalah pencatatan real-time yang kami dapatkan dari ini di Vercel.
00:14:19Jadi ini memungkinkan saya,
00:14:22saya akan mengatakan bahwa yang ini di sini mungkin adalah obrolan real-time yang baru saja saya kirimkan.
00:14:33Dan itu terjadi dengan cepat, yang merupakan kabar baik.
00:14:35Ini dengan cepat berubah menjadi pesan berpikir.
00:14:39Ini pergi ke OpenAI untuk mendapatkan respons.
00:14:43Ini kembali melalui alat untuk melihat apakah ada sumber daya tambahan yang dikurasi oleh tim DevRel,
00:14:48yang mungkin saya berikan kepada pengguna ini yang mungkin membantu mereka melangkah lebih jauh.
00:14:53Itu bisa YouTube,
00:14:55bisa dokumentasi,
00:14:56bisa berbagai macam sumber daya.
00:14:58Dan kemudian itu akan memberikan respons.
00:15:00Dan jadi saya menduga ini adalah responsnya,
00:15:04dan memang benar.
00:15:06Jadi sekarang jika saya kembali ke sini,
00:15:08dan kita lihat semuanya 200.
00:15:10Jadi itu skenario terbaik, kan?
00:15:13Dan itu berhasil.
00:15:14Jadi tidak hanya memberi saya respons,
00:15:17itu juga memberi saya artikel untuk dilihat.
00:15:21Itu menyuruh saya bergabung dengan Dev Slack,
00:15:23saya sudah di sini.
00:15:24Tapi itu juga memberi saya tutorial dan informasi lain yang direkomendasikan yang akan terkait dengan pertanyaan yang saya ajukan di sini.
00:15:35Dan itu memberi saya respons yang tepat,
00:15:37yaitu siapkan lingkungan pengembangan Anda,
00:15:40instal CLI,
00:15:41instal server MCP,
00:15:42dan Anda siap.
00:15:43Dan itu bahkan memberikan beberapa ide tentang cara memulai.
00:15:47Jadi seperti yang Anda lihat,
00:15:49itu adalah cara yang sangat sederhana bagi kami untuk membangun tes dan log sangat penting di sini.
00:15:56Menguji solusi menggunakan bot Slack buatan khusus,
00:15:59di mana kami di DevRel,
00:16:01tanggung jawab utama kami bukanlah membangun solusi,
00:16:04seperti kami semua pengembang,
00:16:06tetapi kami tidak membangun setiap hari.
00:16:09Jadi apa pun yang kami bangun harus mudah digunakan dan sangat mulus.
00:16:15Nah,
00:16:15ini menyiapkan kami untuk sesuatu yang agak mengejutkan saya.
00:16:18Jika kita kembali ke slide,
00:16:21saya akan memberitahu Anda bagaimana ini mengarah ke eksperimen lain.
00:16:27Maaf,
00:16:28sebelum itu,
00:16:29Brooke,
00:16:30Anda bisa kembali ke slide dengan...
00:16:35Jadi pertama saya ingin mengatakan,
00:16:36apa saja hal di Vercel yang membuat saya sangat bersemangat?
00:16:39Salah satunya adalah log yang mudah dibaca,
00:16:41seperti yang saya tunjukkan,
00:16:41dan saya mengaturnya ke mode langsung.
00:16:43Jadi Anda melihat log mengalir secara real time.
00:16:46Awalnya, kita berurusan dengan lingkungan tanpa server.
00:16:49Awalnya sangat cepat secara mengejutkan.
00:16:52Itu penting untuk Slack.
00:16:53Jika Anda pernah membangun integrasi Slack atau alat pihak ketiga lainnya yang Anda integrasikan,
00:16:58yang juga tanpa server,
00:17:00Anda menginginkan permulaan yang cepat.
00:17:02Dan di setiap tingkatan di dalam Vercel,
00:17:04ada permulaan yang cepat.
00:17:06Saya suka CLI karena bisa melakukan deploy sebelum saya commit atau melakukan pull request untuk memastikan bahwa jika saya memasukkan kode yang aneh di sana,
00:17:16saya bisa menangkap masalah lebih cepat sebelum deploy dan tentu saja,
00:17:20deploy ke berbagai lingkungan.
00:17:22Dan kemudian juga seperti kami memiliki marketplace,
00:17:25mereka memiliki koneksi ke layanan seperti Neon dan Upstash untuk Redis dan Postgres,
00:17:29yang membuatnya sangat,
00:17:31sangat cepat untuk mendapatkan database backend yang siap digunakan.
00:17:35Dan itu penting.
00:17:37Berbicara tentang database backend,
00:17:38itulah yang mengarah ke apa yang akan datang selanjutnya.
00:17:41Jadi kami memiliki semua interaksi ini sekarang di Dev Slack kami.
00:17:48Dan ternyata itu adalah sumber informasi yang sangat kaya.
00:17:52Jelas kami bisa mengintuisikan ini.
00:17:54Tetapi salah satu hal yang mengejutkan saya adalah menyadari bahwa saya mungkin bisa membuat antarmuka front end lain ke dalam data ini,
00:18:02sehingga kami bisa menggunakannya untuk kembali ke apa yang Brooke katakan sebelumnya untuk mendidik dan menginformasikan proses umpan balik kami,
00:18:10bagaimana kami menerima informasi,
00:18:12bagaimana kami membawa informasi itu kembali ke produk untuk meningkatkan pengalaman pengembang.
00:18:18Dan jadi kami beralih dari membangun Slackbot menjadi tiba-tiba beralih ke V0 dalam proyek baru,
00:18:26mengambil data itu,
00:18:27membuat front end yang sangat sederhana dan dilindungi kata sandi untuk mengungkap apa saja hal-hal yang ditanyakan orang?
00:18:37Jenis sumber daya apa yang kami tampilkan?
00:18:40Jadi kami banyak berdiskusi tentang webhook,
00:18:43kami banyak berdiskusi tentang otentikasi.
00:18:46Ini memungkinkan kami untuk menunjukkan dampak dari eksperimen yang kami lakukan,
00:18:51yang sangat,
00:18:52sangat keren karena kami memang harus membawa Slackbot ini ke suatu tempat.
00:18:57Kami tidak ingin hanya membangunnya dan membiarkannya begitu saja.
00:18:59Kami harus membawanya ke langkah berikutnya.
00:19:01Dan cara terbaik untuk melakukan itu jika Anda pernah rapat dengan siapa pun di kepemimpinan adalah dengan menunjukkan grafik atau membuat semacam presentasi di sana.
00:19:10Dan ini akan membantu kami membuat keputusan dengan tim komunitas di dalam DevRel untuk mengatakan,
00:19:17apa yang akan kami lakukan?
00:19:18Apakah kita akan mempertahankannya?
00:19:19Apakah kita akan mengembangkannya?
00:19:21Jika kita mengembangkannya,
00:19:24maka infrastruktur di backend bot akan berubah.
00:19:28Tetapi tidak ada cara yang lebih baik bagi kami untuk memulai selain membangunnya di platform yang sangat mudah digunakan seperti Vercel,
00:19:37memiliki beberapa visualisasi,
00:19:38dan sekarang kami dapat memutuskan apa yang harus dilakukan selanjutnya.
00:19:43Jadi sekarang kita akan melihat apa yang dibangun Dennis,
00:19:46yang bahkan lebih canggih dari yang saya bangun dan berani saya katakan lebih baik,
00:19:52tetapi juga eksperimen lain di dalam DevRel Labs.
00:19:55Jadi, Dennis, giliran Anda.
00:19:57Terima kasih, Chris.
00:19:59Dan terima kasih telah mengatakan itu lebih baik.
00:20:01Ya ampun, semoga semua orang mendengarkan itu.
00:20:04Jadi sebelum bekerja di HubSpot,
00:20:06saya bekerja di sebuah agensi.
00:20:08Dan ketika Chris memberi tahu saya tentang DevRel Labs yang kami lakukan ini,
00:20:13saya memiliki masalah yang sangat spesifik yang saya temui di agensi,
00:20:17yaitu saya akan membangun sesuatu,
00:20:19salah satu dari tiga hal ini.
00:20:21Saya akan membangun sesuatu,
00:20:22saya akan selesai dengannya,
00:20:23dan itu semacam dalam mode pemeliharaan.
00:20:24Saya hanya sesekali mengawasinya.
00:20:25Itu akan rusak nanti karena saya melewatkan sesuatu yang terjadi di ekosistem HubSpot.
00:20:31Atau saya mewarisi banyak proyek,
00:20:34dan saya tidak tahu apa yang mereka lakukan.
00:20:37Dan akhirnya salah satunya akan mengalami semacam perubahan yang merusak dan merusak dirinya sendiri,
00:20:41dan saya harus mencari tahu di mana,
00:20:43mengapa,
00:20:43dan bagaimana.
00:20:44Dan yang terakhir,
00:20:45dan ini mungkin yang terbesar bagi saya,
00:20:47adalah ada begitu banyak hal yang harus diperhatikan,
00:20:49saya seringkali hanya kehilangan jejak apa yang saya lakukan.
00:20:52Saya tidak memperhatikan log perubahan apa pun,
00:20:55dan ada yang rusak.
00:20:56Dan coba tebak?
00:20:57Anda punya pelanggan yang berteriak pada Anda saat itu.
00:20:59Jadi yang saya putuskan adalah saya akan membangun alat pemantau log perubahan pengembang HubSpot di slide berikutnya,
00:21:07alias nama kode Sprocky change dust.
00:21:10Apa yang dilakukan alat ini adalah secara aktif memantau log perubahan HubSpot yang menggunakan AI untuk melihat entri log perubahan tersebut,
00:21:18memutuskan jenis perubahan apa itu.
00:21:19Apakah itu perubahan yang merusak?
00:21:21Apakah itu peningkatan?
00:21:22Apakah itu memengaruhi CMS?
00:21:23Apakah itu memengaruhi CRM?
00:21:24Apakah itu memengaruhi keduanya?
00:21:26Dan kemudian memungkinkan Anda menggunakan repo yang dihosting GitHub untuk memeriksa log perubahan tersebut terhadap repo Anda,
00:21:34pada dasarnya memungkinkan Anda memiliki asisten untuk melihat log perubahan untuk Anda.
00:21:39Jadi bagaimana kami melakukannya?
00:21:40Toolkit yang kami gunakan di sini adalah kerangka kerja React yang dibangun dengan Vercel,
00:21:45jelas next.js,
00:21:46karena,
00:21:47Anda tahu,
00:21:47selai kacang dan jeli,
00:21:49superbase untuk database kami,
00:21:50dan kemudian kami harus membangun aplikasi GitHub yang memungkinkan kami terhubung ke repo-repo di sana.
00:21:56Dan kemudian melalui beberapa fungsi serverless di Vercel dan OpenAI,
00:22:00saya dapat mengembalikan beberapa data berkualitas sangat baik untuk ditindaklanjuti oleh pengguna.
00:22:06Mengapa saya memilih Vercel?
00:22:07Jujur, ini sangat mudah untuk diatur.
00:22:11Saya tidak perlu terlalu khawatir tentang front end.
00:22:13Saya memiliki aplikasi yang berjalan dalam waktu kurang dari setengah jam dengan mudah.
00:22:18Dengan fungsi serverless,
00:22:19saya benar-benar dapat mengurangi biaya menjalankan server itu.
00:22:23Itu hanya aktif saat saya membutuhkannya.
00:22:25Saya mengirim antrean batch ini ke OpenAI untuk dilakukan,
00:22:28dan itu mengembalikannya,
00:22:29melakukannya dengan cepat.
00:22:31Menghemat banyak uang dengan melakukan itu.
00:22:32Dan kemudian juga fakta bahwa saya bisa menguji sendiri dan kemudian berkembang hingga ribuan orang menggunakan aplikasi ini,
00:22:39Vercel selalu ada,
00:22:40skalanya sesuai dengan saya.
00:22:42Seluruh prosesnya luar biasa.
00:22:44Jadi,
00:22:45beralih ke slide berikutnya,
00:22:46Anda bisa melihat ini pada dasarnya adalah front end yang saya bangun dengan Next.js.
00:22:50Anda akan melihat kami membawa semua entri changelog kami.
00:22:53Di sini, Anda bisa melihat deskripsi dari changelog itu.
00:22:57Jika Anda tahu di sini sekarang,
00:22:58Anda sudah bisa membuat isu ke repo GitHub spesifik yang Anda lampirkan,
00:23:02yang membawa kita ke slide berikutnya,
00:23:04membawa kita,
00:23:05kita harus menghubungkannya ke GitHub.
00:23:07Ini memungkinkan Anda untuk menghubungkan repo sebanyak yang Anda inginkan.
00:23:11Pada pemindaian pertama,
00:23:12itu akan melalui dan melakukan pemindaian terprogram hanya untuk melihat apakah itu relevan dengan HubSpot.
00:23:18Ingat,
00:23:18Anda mungkin telah mewarisi repositori,
00:23:21seperti 50 repositori.
00:23:22Anda tidak tahu apa yang mereka lakukan.
00:23:23Anda memasukkannya ke sini.
00:23:24Itu akan melakukan pemindaian awal.
00:23:26Itu akan menemukan apa pun,
00:23:28pola file yang dapat ditemukannya untuk mengatakan,
00:23:30oh ya,
00:23:31ini mungkin terkait HubSpot,
00:23:32pada titik mana Anda dapat masuk ke slide berikutnya dan Anda akan melihat bahwa Anda dapat mengklik tombol HubSpot di sana,
00:23:39yang berarti itu akan mengirimkannya ke OpenAI dalam batch.
00:23:42Ini akan memantau,
00:23:43ini menggunakan sistem RAG untuk mengirim hanya detail penting yang menurutnya terkait dengan repo Anda dan HubSpot.
00:23:49Ini akan memakan sedikit waktu,
00:23:51dan setelah selesai,
00:23:52itu akan kembali dan menunjukkan semua kemungkinan kecocokan.
00:23:56Anda akan mendapatkan email notifikasi,
00:23:58saya juga sedang mengerjakan notifikasi Slack,
00:24:00yang mengatakan,
00:24:01hei,
00:24:02Anda sebaiknya memeriksanya.
00:24:03Anda kemudian memiliki pilihan untuk mengatakan,
00:24:05oke,
00:24:05ini sah,
00:24:06saya akan membuat isu tentang ini dan kita akan mulai mengerjakannya,
00:24:09atau saya bisa mengabaikannya karena itu tidak benar-benar terkait dengan ini.
00:24:12Setelah Anda mengabaikannya,
00:24:13kami cukup pintar untuk mulai menyadari,
00:24:16oke,
00:24:16ini mungkin bukan yang ingin kami pantau untuk repo khusus ini,
00:24:20jadi kami akan memperbarui grafik penggunaan.
00:24:23Setelah itu,
00:24:24kami akan terus memantau setiap repo,
00:24:26jadi jika Anda membuat perubahan pada repositori mana pun,
00:24:30kami akan mengawasinya.
00:24:32Jika Anda melakukan perubahan besar,
00:24:34kami akan melanjutkan dan memindai ulang semua changelog terhadap perubahan baru yang Anda tambahkan untuk memastikan bahwa Anda tidak melakukan sesuatu yang tidak Anda ketahui adalah masalah.
00:24:43Ini juga memungkinkan kita untuk melanjutkan dan saya lupa apa yang akan saya katakan.
00:24:50Ini memungkinkan kami untuk memeriksa setiap kali changelog baru muncul,
00:24:54ini memungkinkan kami untuk melanjutkan dan memeriksa setiap repo yang terhubung yang Anda miliki untuk melihat apakah changelog itu spesifik untuk Anda.
00:25:01Ini memungkinkan Anda untuk tidak perlu mengandalkan mata Anda untuk pergi ke changelog dan mencari tahu apakah ini terkait dengan Anda atau tidak.
00:25:08Ini memungkinkan changelog datang kepada Anda di kotak masuk Anda dan Anda dapat menindaklanjutinya sesuai kebutuhan Anda.
00:25:14Dengan demikian,
00:25:15saya rasa kita sudah sampai pada waktu tanya jawab.
00:25:17Saya mencoba menyelesaikannya secepat mungkin agar kita bisa melakukan tanya jawab jika diperlukan.
00:25:22Anda melakukan pekerjaan dengan baik, Dennis.
00:25:23Ya, kerja bagus, Dennis.
00:25:25Cepat, tembakan cepat.
00:25:26Sangat cepat.
00:25:27Baiklah, jadi kita punya beberapa menit di sini.
00:25:31Jadi saya punya pertanyaan untuk memulai.
00:25:34Saya tahu kita melihat hari ini demo tidak selalu berjalan sempurna saat siaran langsung.
00:25:39Dan meskipun Vercel membuat segalanya mudah bagi orang-orang,
00:25:42selalu ada sesuatu yang bisa kita lakukan lebih baik.
00:25:45Tidak ada yang sempurna.
00:25:46Jadi,
00:25:46apakah Anda memiliki permintaan fitur yang ingin Anda saya bagikan dengan tim teknik?
00:25:51Apakah ada sesuatu yang ingin Anda lihat berbeda atau yang sama sekali tidak ada?
00:25:55Saya belum tahu tentang yang hilang.
00:26:00Tapi jujur,
00:26:00ada beberapa fitur yang baru saja Anda luncurkan,
00:26:04memperpanjang waktu kerja fungsi serverless,
00:26:06saya yakin.
00:26:07Saya tidak ingat namanya yang baru saja Anda luncurkan yang sangat saya minati karena ketika saya beroperasi dengan OpenAI,
00:26:15menunggu hasilnya mungkin melebihi durasi fungsi serverless.
00:26:19Anda punya nama untuk itu dan saya minta maaf,
00:26:21tapi saya lupa.
00:26:21Tapi saya sangat bersemangat untuk mulai menggunakannya serta SDK AI Anda yang baru saja Anda perkenalkan.
00:26:28Ini bukan permintaan fitur,
00:26:30ini adalah saya menikmati fitur-fitur yang Anda hadirkan.
00:26:34Saya punya satu lagi.
00:26:35Sebenarnya,
00:26:36saya sudah menggunakan,
00:26:38saya lupa nama API untuk deploy karena saya belum,
00:26:43agak menjengkelkan untuk beralih dari aplikasi front end yang saya bangun ke,
00:26:50apakah deploy-nya berhasil?
00:26:53Jadi Anda punya API untuk mendapatkan status deploy.
00:26:56Jadi saya tidak perlu melakukan itu.
00:26:58Saya bisa menunggu sampai dibaca sebelum saya,
00:27:00karena saya sebenarnya tidak ingin melihat antarmuka sampai ada masalah.
00:27:05Dan jika saya mengalami deploy yang gagal,
00:27:07itu adalah masalah paling membuat frustrasi yang pernah saya alami.
00:27:09Tapi selain itu,
00:27:11memiliki banyak proyek dan saya pikir beberapa antarmuka,
00:27:15seperti selalu ada tempat untuk ditingkatkan dalam hal pengalaman,
00:27:19tapi belum ada satu hal pun yang saya perhatikan.
00:27:23Ya,
00:27:23saya punya satu kemungkinan jebakan yang mungkin ada di pihak saya dan bukan Vercel.
00:27:28Jadi jika itu permintaan fitur, bagus.
00:27:30Jika itu saya, Anda tahu, saya malu.
00:27:33Saya melakukan banyak pengujian secara lokal dengan semua barang saya dan fungsi tidak mati secara lokal.
00:27:38Setidaknya tidak bagi saya.
00:27:40Jadi semuanya terlihat mulus seperti mentega,
00:27:42Anda tahu,
00:27:42itu luar biasa.
00:27:43Semuanya berjalan lancar.
00:27:44Berhasil di mesin saya.
00:27:45Ya.
00:27:46Berhasil di mesin saya.
00:27:47Tepat sekali.
00:27:48Klasik.
00:27:49Jadi jika Anda melakukan,
00:27:50Anda tahu,
00:27:51Vercel dan Anda tahu,
00:27:52fungsi-fungsi itu akhirnya mati,
00:27:54saya,
00:27:54lagi-lagi,
00:27:55ini mungkin masalah saya di mana saya hanya perlu,
00:27:57Anda tahu,
00:27:58membatasi,
00:27:58pada dasarnya menempatkan pengatur pada fungsi-fungsi saya agar hanya dapat berjalan untuk jangka waktu tertentu.
00:28:04Tetapi jika Vercel bisa menawarkan itu secara langsung,
00:28:07itu akan sangat luar biasa.
00:28:08Ini seperti waktu eksekusi yang lebih lama.
00:28:10Ya.
00:28:11Tidak, tidak.
00:28:12Maksud saya,
00:28:13waktu eksekusi yang sesuai dengan apa yang ada di produksi.
00:28:17Secara lokal.
00:28:18Ya.
00:28:19Oke.
00:28:20Ya.
00:28:21Saya juga pernah mengalami hal serupa.
00:28:22Senang mengetahuinya.
00:28:23Apakah Anda punya sesuatu?
00:28:24Itu bagus.
00:28:25Saya tahu.
00:28:26Saya sudah mengalaminya sepanjang hidup saya,
00:28:29memukul di sebelah saya membantu saya mengingat.
00:28:32Saya tidak punya permintaan khusus,
00:28:34tidak,
00:28:35tapi saya ingin menyampaikan jika Anda baru mengenal HubSpot,
00:28:39tetapi Anda menyukai apa yang Anda lihat dan ingin mencoba kami.
00:28:43Anda selalu bisa bergabung dengan Slack pengembang kami.
00:28:45Kami sudah membicarakannya dan Anda juga bisa melihat dokumentasi pengembang kami agar Anda bisa mencoba beberapa hal sendiri.
00:28:55Tentu saja.
00:28:56Hebat.
00:28:57Mari kita lihat.
00:28:58Saya punya satu pertanyaan lagi yang ingin saya ajukan dan itu adalah,
00:29:02saya tahu Anda sudah membahas banyak hal.
00:29:05Jadi jika ada poin penting,
00:29:07praktik terbaik,
00:29:08atau sekadar tips utama yang ingin Anda pastikan orang ingat setelah ini?
00:29:14Saya punya satu dan saya tidak mengikutinya dan saya masih tidak mengikutinya dan saya marah pada diri saya,
00:29:20saya sangat marah pada diri saya sendiri.
00:29:23Gunakan lingkungan dan siapkan sejak awal.
00:29:27Jangan mencoba untuk memperbaikinya nanti karena itu sangat menyakitkan.
00:29:32Jadi sejak awal memiliki lingkungan Anda,
00:29:35itu satu hal seperti di antarmuka,
00:29:37sangat mudah untuk memiliki variabel lingkungan Anda terikat ke suatu lingkungan.
00:29:43Seperti siapkan lingkungan, gunakan sejak awal.
00:29:48Jangan menunggu karena melakukannya nanti sangat,
00:29:50sangat menyakitkan.
00:29:51Dan saya tahu kita semua hanya ingin membangun fungsionalitas dan melihatnya berfungsi secepat mungkin.
00:29:57Jadi memiliki lingkungan pengujian bisa sedikit menjengkelkan,
00:30:00tapi ya,
00:30:01itulah yang akan saya rekomendasikan.
00:30:03Saya setuju dengan itu.
00:30:04Saya mendapatkan kesalahan dan saya bertanya kepada kursor mengapa kesalahan saya,
00:30:09mengapa itu tidak berfungsi ketika saya berada di lingkungan pengembangan saya dan itu karena saya tidak mengaktifkan penggunaan lingkungan saya,
00:30:18kunci rahasia lingkungan saya di dalam lingkungan pengembangan saya.
00:30:22Jadi seolah-olah tidak dapat menemukan kuncinya.
00:30:24Jadi itu agak konyol.
00:30:26Tapi ya,
00:30:26saya melihat pertanyaan tentang bagaimana Anda menggunakan AI dalam alur kerja Anda?
00:30:30Jadi secara khusus dengan saya,
00:30:32saya suka menggunakan MCP pengembang kami.
00:30:35Saya pikir itu adalah produk yang sangat bagus dan kami selalu berusaha mendapatkan umpan balik tentang bagaimana kami dapat membuat MCP pengembang itu lebih baik untuk pengembang HubSpot.
00:30:43Tapi saya menyukainya karena ketika saya bertanya pada kursor,
00:30:46seperti,
00:30:46Oh,
00:30:47saya ingin melakukan sesuatu.
00:30:48Yang akan dilakukannya adalah mencari dokumen kami secara real time.
00:30:51Jadi Anda akan selalu mendapatkan informasi terbaru.
00:30:55Itu tidak akan basi ketika Anda mengajukan pertanyaan kepada MCP dan itu melakukan pencarian untuk dokumen.
00:31:04Tambahan saya adalah, saya menggunakan AI secara skeptis.
00:31:07Saya mempertanyakan setiap hal yang dikirimkannya kembali kepada saya karena seringkali,
00:31:11Anda tahu,
00:31:11itu masih,
00:31:12itu tidak sempurna.
00:31:12Jangan, itu sangat mudah.
00:31:14Ini seperti permen.
00:31:15Anda tahu,
00:31:16Anda bisa saja menekan terima,
00:31:17terus,
00:31:18terus,
00:31:18terus,
00:31:19terus.
00:31:19Anda sudah 17 commit dalam.
00:31:21Dan kemudian,
00:31:22Anda tahu,
00:31:22commit ketiga itu sebenarnya akan merusak segalanya.
00:31:26Jadi gunakan Vercel atau gunakan Vercel,
00:31:29gunakan AI dengan cara yang skeptis.
00:31:31Sangat kritis terhadapnya.
00:31:33Selalu,
00:31:34selalu,
00:31:34selalu buat cabang baru saat Anda melakukan hal baru.
00:31:38Dengan begitu Anda bisa menyingkirkannya jika perlu.
00:31:40Manfaatkan Vercel dan lingkungan pratinjaunya,
00:31:44Anda tahu,
00:31:45untuk melakukan itu dan ya,
00:31:47jangan terlalu bergantung padanya.
00:31:50Semua nasihat yang bagus.
00:31:51Saya tahu waktu kita sudah habis dan Anda semua sangat sibuk dan mungkin punya tempat lain setelah ini.
00:31:58Jadi terima kasih banyak sudah meluangkan waktu.
00:32:00Saya akan membiarkan Anda pergi agar Anda bisa kembali beraktivitas.
00:32:03Saya menghargainya.
00:32:04Terima kasih.
00:32:05Terima kasih kepada Vercel dan semua yang datang.
00:32:09Luar biasa.
00:32:11Sekadar pengingat singkat.
00:32:12Kami punya sesi lain minggu depan.
00:32:14Kami akan membahas Python di Vercel.
00:32:18Dan Anda selalu bisa memeriksa kalender acara di community.vercel.com/events untuk melihat semua yang akan datang selanjutnya.
00:32:24Terima kasih semuanya.
00:32:25Semoga minggu Anda menyenangkan.