Transcript
00:00:00Dan jika saya ingin portofolio, misalnya, mungkin tidak terlalu penting mengatakannya menggunakan ini, tapi
00:00:13ya, Anda mendapatkan apa yang Anda inginkan secara langsung dan kemudian Anda dapat mengedit proyek Anda dengan cepat.
00:00:29Jadi ya, itu saja saya rasa untuk bagian agen saat ini, saya tidak tahu apakah kita punya ide lain.
00:00:38Anda bisa menyebutkan postingan blog di mana kami memiliki semuanya secara mendetail untuk menjelaskan bagaimana itu
00:00:45diimplementasikan serta kode sumbernya yang bersifat sumber terbuka.
00:00:49Jika Anda ingin mendalami cara kami membuat agen Nuxt di situs web, komponen apa saja
00:00:55yang kami gunakan agar bisa ditampilkan di samping untuk menunjukkan proses berpikirnya, semua yang ada di balik layar dan
00:01:02jika Anda ingin berkontribusi untuk menambahkan lebih banyak fitur ke dalamnya, ini adalah tempat di mana Anda bisa mulai
00:01:08belajar darinya.
00:01:11Dan ini pun bukan satu-satunya hal, kan?
00:01:13Karena Hugo membangun toolkit MCP, yang memungkinkan situs web Nuxt apa pun juga menjadi sebuah,
00:01:22menjadi server MCP dan diintegrasikan ke dalam AI apa pun yang mendukungnya.
00:01:30Dan Nuxt.com benar-benar telah menjadi pusat bagi banyak hal.
00:01:35Anda tidak akan pernah percaya bahwa ia memiliki API ini.
00:01:39Jadi ini adalah API modul kami yang mentenagai alat bantu pengembangan Nuxt.
00:01:42Ia memiliki server MCP, jumlahnya banyak sekali, yang dapat Anda sambungkan dari aplikasi Nuxt Anda, dari
00:01:48agen AI Anda, dan sekarang telah dibangun dengan obrolan.
00:01:53Maksud saya, seseorang harus menghentikan Hugo.
00:01:55Dia benar-benar terlalu hebat.
00:01:59Terima kasih.
00:02:03Sesuatu yang dia buat, um, saya akan mencoba membagikan seluruh layar saya, um, yang menurut saya cukup
00:02:10mengesankan.
00:02:11Saya tidak tahu apakah kalian sekarang melihat layar saya.
00:02:15Ya.
00:02:16Um, ini adalah admin, jadi maaf kalian tidak akan bisa terhubung ke admin ini, tapi
00:02:22kami memang memiliki widget ini di situs web di mana Anda dapat memberikan umpan balik Anda.
00:02:27Dan itu sebenarnya cukup berguna bagi kami agar bisa tahu halaman mana yang harus difokuskan
00:02:32dari waktu ke waktu, uh, apakah ada peningkatan?
00:02:37Dan dia baru saja merilis admin MCP di mana, uh, kami menghubungkannya ke percakapan kami dan jika tidak
00:02:47salah di sini.
00:02:50Saya bisa bertanya, um, masuk ke MCP admin Nuxt dan beri tahu saya, uh, halaman 404 dan lebih banyak umpan balik
00:03:04atau cara meningkatkannya.
00:03:09Dan dengan cara ini normalnya, jika saya mengonfigurasinya dengan benar, ia akan memanggil, tapi itulah
00:03:16adminnya, uh, ya.
00:03:23Itulah yang saya duga.
00:03:24Saya rasa saya perlu menggunakan agen bernama Nuxt admin MCP dan beri tahu saya tentang halaman dengan umpan balik
00:03:35terburuk dan bagaimana cara meningkatkannya.
00:03:42Mungkin lewat yang satu ini adalah yang benar, seharusnya begitu, ya.
00:03:56Lalu ia memberi tahu kita bahwa halaman ini memiliki, uh, skor rata-rata.
00:04:00Kami hanya punya tiga umpan balik, tapi dengan cara ini kita bisa memahami, uh, beberapa, uh, petunjuk bagaimana
00:04:07meningkatkan halaman ini.
00:04:09Mungkin karena ini baru umpan balik selama seminggu.
00:04:12Kita bisa meminta lebih banyak.
00:04:14Ya, tepat sekali.
00:04:17Dan sesuatu yang lain yang telah kami kerjakan, uh, Anda menyebutkan Nuxt Content dan Nuxt Content
00:04:21adalah CMS dasar kami di mana kami, uh, menyimpan semua dokumentasi kami dalam DOM dan kami bisa menggunakan
00:04:29sebuah komponen di dalam Markdown.
00:04:32Dalam beberapa bulan terakhir, kami telah mengerjakan proyek bernama Comark.
00:04:36Jadi kami mengekstrak inti dari konten tersebut agar bisa menggunakan, uh, untuk membukanya dan
00:04:44berkolaborasi dengan tim SvelteKit serta tim Nuxt untuk memiliki Markdown dengan
00:04:50komponen ini pada saat runtime.
00:04:53Dan selagi kita berbicara tentang AI, um, proyek ini juga mendukung streaming dan penutupan otomatis.
00:05:00Jadi kami memiliki, uh, fitur yang sedang berjalan, uh, terjadi di sini, uh, ini dibuat, ini yang terburuk, uh,
00:05:10bisa mengatakan, buatkan saya halaman tentang, uh, katakanlah sepatu basket.
00:05:20Dan kita bisa, uh, saat ini AI tersebut pada dasarnya melakukan streaming Markdown murni, tetapi dengan memanfaatkan
00:05:26dan mengajarkan AI untuk menggunakan sintaks ini, ia dapat mulai menghasilkan, uh, landing page, uh,
00:05:33menggunakan, uh, komponen-komponen ini di balik layar.
00:05:37Jadi ini masih tahap perkembangan yang sangat awal, tapi ini, uh, cukup menjanjikan dan kami ingin
00:05:44untuk, uh, kami sedang berupaya membukanya untuk semua orang di V1 dalam beberapa minggu ke depan.
00:05:51Dan itu adalah tentang, uh, progres Markdown saat ini.
00:05:56Dan ya, saya rasa itu mungkin, uh, Daniel mungkin punya beberapa progres yang ingin dia bagikan.
00:06:01Atau saya baru saja melihat dia pergi.
00:06:03Oh, dia kembali.
00:06:04Tepat waktu.
00:06:05Dia kembali.
00:06:06Halo.
00:06:07Selamat datang.
00:06:08Kau tahu, aku hanya ingin membuat kalian tetap waspada.
00:06:17Uh, ya, aku sedang membicarakan Comark dan Nuxt Content, uh, maksudku, Nuxt Content tadi, dan
00:06:28lalu aku merasa, Daniel mungkin punya sesuatu untuk disebutkan.
00:06:30Dan kemudian, uh, aku menyadari apa yang kau lakukan setelah panggilan itu.
00:06:35Nah, um, ya.
00:06:37Um, jadi aku rasa, uh, salah satu yang sangat menarik, aku tidak tahu apakah ini, seberapa banyak orang
00:06:44yang mendengarkan ini?
00:06:45Bagaimana caramu membocorkan rahasia tentang hal-hal yang sedang kami pikirkan untuk dikerjakan?
00:06:52Berikan apa yang orang-orang inginkan, jangan beri tahu, jangan beri tahu siapa pun, kan?
00:06:57Ini hanya antara kita dan teman-teman terdekat yang mendengarkan saat ini, um, kita sedang berbicara
00:07:12tentang bagaimana cara meningkatkan Nuxt kami.
00:07:14Jadi sejak lama, Nuxt telah menjadi, uh, dan ini sedikit tumpang tindih dengan
00:07:19sisi khusus itu, tapi Nuxt sejak lama sekali telah menjadi, um, solusi
00:07:25untuk SEO.
00:07:26Jadi orang-orang, uh, telah menggunakan Nuxt dan mendapatkan hasil mesin pencari yang luar biasa secara
00:07:33langsung.
00:07:34Faktanya, aku rasa untuk waktu yang cukup lama, Nuxt berada di puncak hasil pencarian untuk Next JS,
00:07:42benar kan, uh, Sebastian, kau juga ingat itu kan?
00:07:46Orang-orang akan mencari, mencari Next dan Nuxt akan berada di urutan teratas dan itu tidak lagi
00:07:50terjadi.
00:07:51Kami benar-benar tidak berada di peringkat Next lagi.
00:07:53Um, tapi kami sedang memikirkan apa yang bisa kami lakukan dengan hal-hal seperti Nuxt Content untuk membuat Nuxt
00:07:59menjadi yang terbaik, uh, adalah platform yang fenomenal untuk optimasi mesin pencari.
00:08:05Jadi apa yang Anda lakukan ketika orang-orang benar-benar mencari informasi tentang produk Anda atau apa pun,
00:08:10bahwa mereka mungkin menggunakan, um, uh, beberapa hal lain seperti agen, atau mungkin mereka
00:08:16menggunakan speaker pintar atau semacamnya.
00:08:19Um, bagaimana mereka mendapatkan informasi tentang situs, situs Anda?
00:08:22Dan ada banyak hal yang telah kami rencanakan untuk itu.
00:08:24Aku tidak memimpin proyek itu agar jelas, tapi di dalam tim kami melakukannya, dan aku tidak ingin
00:08:28membocorkan terlalu banyak rahasia, tapi itu adalah sesuatu yang patut disebutkan mungkin, um, ketika
00:08:33sedang memikirkan beberapa hal baru keren yang, yang mungkin terjadi pada bagian Nuxt Content.
00:08:37akhir dari segalanya.
00:08:38Ya.
00:08:39Terima kasih.
00:08:40Jika Anda, uh, jika Anda melihat pull request baru-baru ini di repositori Nuxt.com, uh, atau,
00:08:47dokumentasi Nuxt UI, Benjamin dan Hugo telah mendorong lebih banyak, uh, uh, AEO, uh, optimasi.
00:08:53Jadi pada dasarnya jika sebuah agen mencoba untuk, uh, merayapi dokumentasi Nuxt, jika kami mendeteksi
00:09:00itu dengan accept header, selain menunggu teks modern, maka kami menyajikan halaman
00:09:06modern secara langsung, sama halnya jika kami mendeteksi user agent, kami juga, uh, melakukannya untuk semua halaman,
00:09:13kami mencoba menambahkan JSON-LD, jadi lebih banyak konten untuk agen agar, uh, memahami, uh, apa
00:09:19yang mereka rayapi, untuk memberi mereka, untuk mengurangi context window juga, seperti dalam memberi mereka
00:09:24kontennya secara langsung.
00:09:26Dan sejauh ini kami sedang bereksperimen dan kami sedang memikirkan fitur apa yang bisa menjadi bagian dari
00:09:31inti atau modul inti kami, uh, tapi untuk ini, sebelum melakukan refactoring dan mencoba untuk
00:09:36memikirkan sesuatu yang agnostik, kami perlu terlebih dahulu, uh, bereksperimen sendiri, um, dan ya, dan
00:09:42melihat bagaimana komunitas, uh, mengadopsinya dan jika itu benar-benar masuk akal karena kami, ini berkembang
00:09:48sangat cepat.
00:09:49Kita sudah membicarakan LLMs.txt, MCP, sekarang ini tentang menerima markdown sebagai header.
00:09:56Bagaimana jadinya dalam, uh, dalam dua minggu ke depan?
00:09:58Um, jadi kami tidak ingin memasukkan fitur secara langsung ke inti jika kami harus menghentikannya, uh,
00:10:06di kemudian hari.
00:10:07Jadi kami melakukannya selangkah demi selangkah dalam hal ini, tetapi bereksperimen setiap kali kami bisa.
00:10:16Saya rasa salah satu hal yang saya sukai dari Nuxt, dan maksud saya, kita tadi bicara tentang ekosistem modul
00:10:21dan fakta bahwa, uh, sangat mungkin untuk memperluasnya.
00:10:24Itu artinya mungkin saja membangun hal-hal seperti ini yang tidak masuk ke inti dan mereka
00:10:28tidak perlu masuk, seperti mereka bisa menjadi sebuah eksperimen.
00:10:31Itu bisa menjadi sesuatu yang orang gunakan dalam produksi, mereka gunakan di situs web mereka dan kita benar-benar bisa
00:10:35mendapatkan umpan balik, um, bukan hanya umpan balik konseptual atau umpan balik pada sebuah RFC, tapi umpan balik
00:10:42praktis nyata pada, uh, proyek dunia nyata atau kasus penggunaan dunia nyata.
00:10:46Um, sebelum kita perlu, Anda tahu, um, membuat, membuat keputusan tentang apakah sesuatu menjadi
00:10:53modul inti atau tidak.
00:10:56Aku tidak melihat apakah ada pertanyaan di obrolan, um, di obrolan langsung, sisanya bisa kita,
00:11:07kita bisa jawab atau.
00:11:08Um, saya, saya punya pertanyaan dan saya tahu Anda sudah membagikan semacam, um, rahasia
00:11:15tentang apa yang sedang Anda kerjakan, tapi apakah ada sesuatu, um, mendatang yang Anda sangat nantikan
00:11:20mengenai Nuxt yang bisa Anda bagikan?
00:11:32Ada banyak hal yang membuatku bersemangat, tapi, um, aku tidak ingin, uh, apa,
00:11:40jadi salah satu halnya adalah kami sedang berupaya menyiapkan segalanya untuk Nuxt versi
00:11:44lima.
00:11:45Ini adalah sesuatu yang sudah lama kami bicarakan.
00:11:47Um, Nitro versi tiga, um, adalah fitur utama yang, yang dibawa oleh ini, um, dan membuat
00:11:55ekosistem siap untuk perpindahan ini adalah pekerjaan besar, tapi itu sesuatu yang benar-benar
00:12:01berada di arah yang benar.
00:12:02Jadi Nitro menggerakkan kita ke arah standar web.
00:12:05Jadi benar-benar, sangat minimal, um, pembungkus server, uh, yang sebanyak mungkin mengutamakan native,
00:12:12um, di mana pun itu, entah itu Bun, Deno, Node atau apa pun.
00:12:18Um, dan aku rasa, aku rasa perpindahan ini akan menjadi sesuatu yang orang-orang akan langsung merasa
00:12:24sangat senang, uh, versi lima nightly, um, secara lokal.
00:12:31Dan ini benar-benar menyenangkan untuk digunakan, meskipun ini, ini, ini belum, belum keluar dalam
00:12:36tahap beta atau bahkan alpha.
00:12:38Bagus.
00:12:39Saya tahu kita mendapat komentar komunitas, uh, seseorang mengatakan mereka sangat menantikan V5.
00:12:45Um, dan pertanyaan lainnya juga, uh, apa rekomendasi teratas/tips Anda dalam
00:12:50mengoptimalkan beban kerja Nuxt di Vercel?
00:12:53Hugo, apakah Anda ingin mulai duluan, seperti mengoptimalkan Nuxt di Vercel, uh, karena itu seperti,
00:13:07itu tergantung pada cara yang mana, seperti, apa yang Anda maksud dengan seperti, seperti optimasi, seperti optimasi,
00:13:14seperti, apakah untuk kecepatan, untuk build, untuk menjalankan?
00:13:19Ya, saya rasa ada banyak cara, tapi, uh, ya, saya akan, saya setidaknya akan membahas untuk bagian
00:13:28runtime.
00:13:29Um, dan saya rasa itu sesuatu yang masih kami coba cari tahu adalah bagaimana di Nuxt kami bisa
00:13:36menyarankan kepada pengguna bahwa halaman ini bisa di-cache atau dirender, um, itu selalu rumit
00:13:44karena kita bisa memiliki, uh, komponen, uh, yang melakukan pengambilan data yang bisa Anda gunakan di halaman.
00:13:49Anda bisa memiliki, uh, autentikasi langsung di aplikasi lama Anda.
00:13:53Jadi dengan cara itu, Anda, Anda tidak ingin melakukan cache, atau jika Anda mulai meng-cache halaman, uh, dengan
00:13:58autentikasi tersebut, katakanlah Anda memiliki header dan kemudian Anda menampilkan pengguna yang terautentikasi.
00:14:03Maka Anda ingin memastikan bahwa Anda, uh, Anda melakukan pre-rendering pada sebuah placeholder, memastikan
00:14:09bahwa Anda tidak mendapatkan kesalahan hidrasi ini karena Anda menyadari di sisi klien
00:14:13bahwa Anda terautentikasi.
00:14:14Jadi, um, saya akan mengatakan bahwa di Nuxt, kami memang memiliki fitur yang sangat kuat ini yang juga berasal
00:14:21dari Nitro.
00:14:22Namanya adalah route rules.
00:14:24Jadi dengan route rules ini, Anda akan bisa menyebutkan bagian dari, uh, rute menggunakan pola.
00:14:29Jadi Anda bisa mengatakan grup ini, seperti katakanlah saya memiliki admin, admin tertanam, slash admin,
00:14:35uh, nonaktifkan SSR.
00:14:37Saya tidak membutuhkannya untuk bagian ini, uh, untuk slash blog, bintang bintang, uh, lalu Anda, uh, Anda memasangnya
00:14:45sebagai ISR, uh, karena kita tidak melihat postingan blog setiap, uh, detik.
00:14:50Jadi Anda bisa memanfaatkan incremental static, uh, generation dalam versi ini.
00:14:55Dengan, uh, route rules ini, Anda akan bisa mengoptimalkan bagian dari aplikasi Anda hanya dengan
00:15:01beberapa baris konfigurasi.
00:15:03Dan ini, ini akan menjadi rekomendasi terbesar saya, uh, sebelum merilis ke produksi.
00:15:10Periksa rute rules Anda.
00:15:12Luar biasa.
00:15:13Terima kasih.
00:15:14Satu hal yang, uh, silakan.
00:15:18Oh, maaf.
00:15:20Satu hal yang mungkin patut dicoba adalah NPMX.
00:15:23Jadi NPMX, jika Anda belum pernah mendengarnya, ini adalah, uh, pengganti untuk npmjs.com.
00:15:30Jadi ini adalah browser untuk NPM, registrinya, um, dan ini, uh, dibangun dengan Nuxt dan di-hosting
00:15:36di Vercel dan kami benar-benar mengoptimalkannya secara maksimal untuk performa.
00:15:42Jadi jika Anda mencari cara mengoptimalkan sesuatu untuk performa di Vercel, dan Anda ingin
00:15:45melihat seperti apa tampilannya di aplikasi dunia nyata yang telah kami rancang untuk
00:15:49skala tampilan halaman yang sangat banyak, ada begitu banyak orang yang menggunakannya, um, maka cobalah periksa.
00:15:58Jadi Anda akan melihat route rules, um, beraksi, Anda akan melihat caching.
00:16:01Jadi kami menggunakan, uh, kami melakukan cache, uh, um, dengan incremental, um, static generation.
00:16:09Jadi secara efektif membangun, um, dan meng-cache payload, uh, ketika diperlukan kami menggunakan, uh, fitur baru
00:16:17di Nuxt 4.4, yaitu payload cache, bahkan untuk halaman yang tidak di-pre-render, yang mana,
00:16:27bagiku, itu sangat keren.
00:16:28Um, itu artinya Anda mendapatkan manfaat dari, uh, pengambilan data bahkan sebelum Anda berpindah ke sebuah halaman.
00:16:34Jadi data yang akan dibutuhkan oleh halaman tersebut sudah diambil oleh framework sebelumnya.
00:16:39Um, dan itu berarti memberikan, um, pengalaman yang sangat, sangat cepat.
00:16:45Dan ada banyak hal lainnya, um, yang mungkin bisa Anda temukan dan mungkin dicoba di
00:16:52situs web Anda.
00:16:53Luar biasa.
00:16:54Terima kasih.
00:16:55Dan kita juga mendapat komentar, seseorang berkata, belum pernah mencoba Nuxt sebelumnya,
00:17:03mungkin layak dicoba sekarang.
00:17:04Jadi ada beberapa orang yang penasaran dengan Nuxt di penonton, bagi mereka,
00:17:09apa cara terbaik untuk mulai menggunakan Nuxt?
00:17:12Saya tahu kita sudah menyebutkan beberapa alat AI juga, tapi ya, ada rekomendasi
00:17:16di sana?
00:17:17Menurut saya, saat ini kita sudah memiliki agen Nuxt, jadi ia bisa memberi Anda
00:17:24petunjuk yang sangat bagus tentang dari mana harus memulai jika ingin menggunakan templat
00:17:29atau dari nol menggunakan dokumentasi.
00:17:31Kami punya banyak templat di Nuxt.com, tapi juga di Nuxt UI, dan juga
00:17:39kami punya Nuxt.new yang juga memiliki beberapa templat lain, tapi ya, bisa langsung bertanya
00:17:48kepada agennya sekarang.
00:17:51Juga di dokumentasi Nuxt UI, Anda sudah bisa membukanya di v0 jika Anda ingin
00:17:57sekadar mengobrol dengan proyeknya sebelum membawanya ke IDE dan benar-benar mulai memprogram.
00:18:08Sering kali saat memulai, maksud saya, saya tidak pernah ada masalah memulai
00:18:12dari nol, tapi secara pribadi saya suka setidaknya memiliki klon proyek minimal.
00:18:17Jadi saya punya templat sendiri di GitHub, Daniel Rose slash Nuxt dash site dash
00:18:23template.
00:18:24Dan Anda bisa mengklon itu.
00:18:25Sangat minimal, tapi memiliki hal-hal seperti pengujian unit, dan hal-hal
00:18:31seperti itu yang merupakan petunjuk bagi LLM bahwa saya ingin terus membangun proyek
00:18:37dengan cara ini.
00:18:38Dan saya rasa hal-hal seperti templat minimal itu sedikit mirip dengan benih kristal bagi
00:18:44LLM.
00:18:45Mereka mengarahkannya ke jalan yang benar dan memberikan arahan yang diperlukan
00:18:50agar ia berkembang sesuai keinginan Anda.
00:18:52Dan sebenarnya Anda tidak butuh hal spesial apa pun di luar itu.
00:18:56Meskipun Anda bisa menambahkan sesuatu, tapi Anda tidak butuh yang spesial.
00:19:01Anda bisa mulai dengan templat atau proyek baru Nuxt dasar dan cukup katakan,
00:19:09"Inilah yang ingin saya bangun."
00:19:10Dan saya menemukan bahwa LLM sangat luar biasa dalam hal itu.
00:19:12Mereka tidak punya masalah sama sekali.
00:19:14Jadi hal utamanya menurut saya adalah, dengan hal baru apa pun yang Anda coba, ciptakan
00:19:19peluang untuk belajar dan bukan sekadar mendapatkan hasilnya, bukan?
00:19:24Seperti, oke, hasilnya terlihat bagus, tapi pada titik itu apakah Anda merasa sudah mencoba,
00:19:29Anda belum benar-benar mencoba Nuxt, melainkan sesuatu telah dibuatkan untuk Anda.
00:19:33Jadi jika Anda bisa membangun peluang untuk mungkin meminta LLM, "Berikan saya tur,"
00:19:40"Ajarkan saya fitur-fitur Nuxt menggunakan apa yang telah Anda buat."
00:19:45Hal semacam itu sangat berguna karena menghubungkan poin-poinnya; pertama, itu membantu
00:19:49saat Anda meninjau kode yang telah dibuat.
00:19:51Dan kedua, Anda belajar, seperti mendapatkan keterampilan dan pengalaman baru dengan sesuatu.
00:19:56Cat Hick, Dr. Cat Hicks, coba cari dia di GitHub.
00:20:02Dia menciptakan beberapa keterampilan Claude untuk membangun dan menciptakan peluang belajar dengan apa pun
00:20:07yang Anda lakukan; latihan kecil 10 menit di tengah tantangan pemrograman yang membuat
00:20:12Anda mencoba memahami beberapa hal yang mungkin sedang dikerjakan oleh agen Anda.
00:20:17Kita punya akses pengetahuan yang belum pernah ada sebelumnya untuk bisa melakukan hal-hal
00:20:22yang mungkin belum kita ketahui cara melakukannya enam bulan lalu; kuncinya adalah bagaimana
00:20:29kita menjaga diri kita agar terus tumbuh dan berkembang sebagai pribadi serta membangun beberapa
00:20:35kebiasaan, keterampilan, dan jeda belajar ini, menurut saya itu hal yang sangat penting
00:20:41jika kita ingin melihat otak kita terus berkembang.
00:20:46Itu poin yang bagus. Sebagai pengguna baru Nuxt juga, dan saya utamanya
00:20:56berlatar belakang Svelte. Tapi saya juga meminta agen saya memetakan konsep dari
00:21:02Svelte ke Nuxt. Jadi ya, saya setuju menggunakan agen untuk membantu kita belajar.
00:21:08Ada yang ingin menambahkan? Maaf. Itu bagus, dan menurut saya itu...
00:21:17saya bagikan layar lagi. Nuxt benar-benar framework progresif. Kami memastikan Anda
00:21:26bisa memulai proyek minimal. Anda bisa mulai hanya dengan satu file app.vue.
00:21:32Itu adalah kerangka utama Anda. Lalu Anda bisa secara progresif menambahkan routing, data fetching.
00:21:40Kami punya fitur auto importing, yang merupakan salah satu peningkatan terbaik
00:21:45dalam hal pengalaman pengembang. Dan sekarang dengan bangkitnya AI, kami sedang berpikir
00:21:51untuk memilikinya, meski Anda tetap bisa menonaktifkannya jika lebih suka menulis impor langsung
00:21:56di kode Anda. Tapi bagi saya, ini benar-benar cara terbaik untuk memulai.
00:22:03Kami juga punya EVALS. Kami menjalankan EVALS pada Nuxt di berbagai model, mirip dengan
00:22:11yang dilakukan Nuxt. Sejauh ini, bahkan tanpa memicu agen dengan .m skill atau agent.md,
00:22:21mereka cukup mahir dalam sebagian besar pengetahuan Nuxt. Selain itu, jika Anda
00:22:28tertarik pada MCP, saya perlu memeriksa ulang di mana letaknya, tapi saya rasa ya, kami punya ini,
00:22:35server MCP yang bisa Anda tambahkan langsung ke kode JPG Anda. Jadi ya.
00:22:49Kami berbasis AI, tapi sejauh ini, bahkan tanpa menambahkan server MCP,
00:22:57agen sudah cukup bagus. Rekomendasi saya adalah coba dengan pengaturan minimal dan tambahkan fitur
00:23:03selangkah demi selangkah. Dan jika Anda menggunakan AI untuk melakukannya, mintalah ia
00:23:10menjelaskan alasannya. Dan ya, seperti kata Daniel, itu kunci agar otak tetap
00:23:16aktif sebanyak mungkin. Setuju. Jadi, ada beberapa pertanyaan lagi
00:23:25untuk mengakhiri sesi ini. Satu dari obrolan. Saya melihat Nuxt banyak digunakan di
00:23:30komunitas e-commerce Jerman. Apakah menurut Anda secara umum Nuxt lebih populer di Eropa daripada
00:23:36di AS, atau apakah cukup seimbang atau justru sebaliknya?
00:23:42Yah, maksud saya, saya tinggal di Edinburgh, Sebastian, Hugo di London. Maya, Anda
00:23:51juga tinggal di Eropa. Saya merasa mungkin saya orang yang salah untuk ditanya tentang
00:23:57seberapa populer Nuxt di AS, tapi perasaan saya ini lebih populer di Eropa. Terkadang
00:24:02begitulah cara kerjanya. React cenderung lebih populer di Amerika Utara. Vue
00:24:09jauh lebih populer di bagian dunia lainnya. Dan itu sepertinya berlaku juga untuk Nuxt,
00:24:15tapi kita perlu mengubah itu. Kita butuh lebih banyak orang memakai Nuxt di AS, kita butuh
00:24:19anggota tim inti dari AS atau semacamnya. Saya tidak tahu.
00:24:25Nuxt di seluruh dunia. Ya. Pertanyaan berikutnya, dari X, dengan Nuxt yang berkembang cepat dari 3
00:24:35ke 4 ke 5, apa strategi terbaik bagi tim untuk menangani migrasi produksi dengan aman,
00:24:41terutama dengan perubahan SSR dan Nitro.
00:24:50Saya tidak ingin, sejauh ini kami belum tahu. Saya mulai dulu, antara Nuxt 4 dan
00:24:58Nuxt 3 dan Nuxt 4, saya yakin hampir tidak ada perubahan drastis atau semuanya
00:25:03didokumentasikan dengan sangat baik. Jadi Anda bisa memberikan halamannya ke AI dan minta
00:25:11bantuannya untuk ini. Dan meski tanpa AI pun, migrasinya cukup mudah.
00:25:17Itu pun hanya jika Anda menggunakan fitur-fitur spesifik yang cukup canggih sehingga
00:25:21mungkin ada perubahan drastis. Jadi Tanya memastikan pembaruannya sangat mulus. Lebih sulit
00:25:27dari versi 2 ke 3, karena kami juga melakukan pembaruan dari Vue 2 ke Vue 3 yang
00:25:33merupakan framework berbeda dengan pendekatan berbeda, memasuki era composable.
00:25:40Dan kami mengambil pendekatan untuk menulis ulang seluruh mesin server. Agar
00:25:46bisa bekerja di lingkungan serverless dengan performa tinggi. Dua penulisan ulang besar ini kami rencanakan
00:25:53menulis ulang berikutnya. Jadi major berikutnya akan lebih mudah diakses dan ada ini,
00:26:01kompatibilitas port yang sudah kami bangun, yang berarti Anda bisa mulai bersiap
00:26:08ke V5 atau fitur baru atau perubahan drastis yang akan terjadi di V5 jauh sebelumnya.
00:26:15Jadi Anda bisa bersiap-siap, biarkan Daniela melanjutkan poin ini.
00:26:22Saya rasa itu kuncinya. Salah satu hal utama menurut saya adalah kami ingin maju
00:26:26dan kompatibel ke belakang. Dan saya rasa pembaruan versi 4 dari 3 ke 4.
00:26:34Kami sengaja ingin membuktikan bahwa Anda tidak perlu takut akan perubahan drastis
00:26:39di Nuxt, dan tidak perlu takut pada versi major. Kadang-kadang rasanya
00:26:45seolah-olah Anda terjebak pada sesuatu seperti, "Oh, kita tidak,
00:26:50kita tidak bisa merilis versi mayor." Jadi rencana kami adalah merilis yang baru setiap tahun,
00:26:57setidaknya. Dan menariknya, hal itu tampaknya sejalan dengan banyak proyek lain.
00:27:01Jadi jika Anda melihat Node, misalnya, jadwal rilis baru mereka
00:27:09yang memastikan ada versi mayor setiap tahun, sangat cocok dengan kami.
00:27:15Dan menurut saya secara umum, polanya adalah, saat Anda menggunakan Nuxt,
00:27:21Anda menggunakannya untuk membangun proyek seperti sebuah rumah.
00:27:28Proyek Anda itu hidup. Seperti rumah, ia butuh cat baru, butuh perbaikan.
00:27:33Anda selalu ingin situs web Anda mengadopsi praktik terbaik saat ini,
00:27:38bukan hanya praktik terbaik saat Anda menulisnya, itulah sebabnya Nuxt harus terus berkembang
00:27:46dan memastikan bahwa ia memiliki apa yang Anda butuhkan untuk membangun situs web yang hebat.
00:27:52Dan saya rasa mungkin dalam beberapa bulan terakhir, kita telah melihat beberapa serangan rantai pasokan di NPM.
00:27:57Ini memperkuat kebutuhan untuk memastikan bahwa dengan semua dependensi Anda, Anda tetap mutakhir,
00:28:03dan Anda terus mengikuti versi terbaru sebisa mungkin. Dan tanggung jawab
00:28:08bagi kami sebagai pembuat dan pemelihara paket adalah memastikan bahwa langkah-langkah pembaruan itu
00:28:14semudah mungkin. Jadi, jika Anda merasa saat memperbarui Nuxt
00:28:21dan itu menyakitkan, itu adalah masalah saya. Beritahu saya, silakan mengeluh kepada saya,
00:28:25karena kami tidak ingin hal itu terjadi. Kami tidak ingin orang-orang berkata, "Oh, bagaimana
00:28:29cara saya memperbarui?" Kami ingin orang-orang berkata, "Oh, ini menyenangkan. Anda tahu, saya hanya butuh
00:28:36setengah hari untuk melakukan pembaruan mayor ini, bukan dua bulan."
00:28:42Jadi kami sangat ingin mengoptimalkan hal itu karena banyak alasan, bukan hanya karena itu yang dibutuhkan situs web,
00:28:47tapi karena itulah yang dibutuhkan ekosistem. Dan ya, kami ingin orang-orang tidak takut dengan pembaruan tersebut.
00:28:54Dan jika Anda ingin menghubungi Daniel, ia ada di BlueSky dan roe.dev.
00:29:01Anda bisa menemukan saya hampir di mana saja. Luar biasa. Penjelasan yang sangat bagus, terima kasih.
00:29:07Dan saya ingin mengakhiri pertanyaan kami tentang komunitas. Jadi, belum lama ini saya melihat sebuah foto.
00:29:11Saya lupa di konferensi mana, tapi saya ingat salah satu dari Anda berbicara
00:29:16dan ada gambar komunitas, dan tertulis sesuatu seperti Nuxt adalah tentang orang-orangnya.
00:29:20Tampaknya Anda memiliki komunitas yang luar biasa. Beritahu kami tentang mereka, di mana kami bisa terlibat,
00:29:30berkontribusi, dan sebagainya. Beritahu kami lebih lanjut.
00:29:40Saya rasa Daniel membeku. Ya. Itu Daniel Roe di Vue.js Amsterdam, saya rasa.
00:29:47Dan ya, saya akan katakan jika Anda ingin bergabung dengan kami, kami punya server Discord
00:29:54yang sangat aktif. Dan kami berbagi banyak sekali berita di sana. Kami punya masalah di GitHub,
00:30:00pull request adalah tempat di mana kode juga ditulis. Di sinilah ide-ide diimplementasikan
00:30:07dan dibagikan. Jika Anda ingin membantu kami, ada banyak hal yang bisa dilakukan,
00:30:15baik membantu menangani masalah, memberikan ide, membagikan pengalaman Anda, membagikan demo Anda.
00:30:20Kami juga punya akun Twitter @nuxt_js. Kami punya akun BlueSky.
00:30:26Kami menggunakan nuxt.com. Saya rasa kami punya akun Mastodon, halaman showcase LinkedIn.
00:30:31Jika Anda suka LinkedIn. Kami tidak punya halaman Instagram, maupun SoundCloud,
00:30:39tapi Discord juga tempat yang menyenangkan untuk berkumpul. Jika Anda punya pertanyaan,
00:30:46ngobrol saja dengan kami. Kami ada di sana juga. Dan ya, itu saja.
00:30:51Saya rasa semua orang yang berbagi dengan kami juga menciptakan semua modul, atau Anda seperti,
00:30:54Anda tidak perlu berkontribusi langsung ke inti (core). Dan saya rasa itulah salah satu keindahan Nuxt,
00:31:00Anda bisa mulai dengan templat yang ingin Anda bagikan, dan Anda bisa mulai dengan sebuah modul
00:31:05karena Anda membangun sebuah fitur dengan membuat modul dan Anda bisa membagikannya
00:31:10dengan seluruh komunitas. Saya rasa kami punya lebih dari 300 modul yang dipelihara untuk versi Nuxt saat ini.
00:31:17Dengan lebih dari 1.000 kontributor. Jadi, silakan datang dan berkumpul bersama kami.
00:31:27Anda akan menikmatinya. Ya. Ayo. Luar biasa. Saya rasa Daniel, suara Anda tidak terdengar.
00:31:51Tapi ia bilang kita punya SoundCloud, saya rasa. Sepertinya ia punya sesuatu untuk ditambahkan
00:31:55dari sisi komunitas. Ya. Mungkin ia sedang menyiapkan lagu pertama untuk SoundCloud.
00:32:05Jadi saya hanya ingin mengatakan bahwa komunitas, dan saya senang Anda mengungkitnya,
00:32:13menurut saya komunitas adalah bagian terbaik dari Nuxt. Dan menurut saya,
00:32:17komunitas adalah inti dari sumber terbuka (open source), karena sumber terbuka adalah tentang
00:32:21saya mengambil sesuatu, atau siapa pun dari kita, dan berkata kepada orang lain,
00:32:26"Hei, apa pendapatmu tentang ini? Apakah kamu menyukainya? Apakah kamu ingin membantu membuatnya lebih baik?"
00:32:32Dan komunitas itulah yang membuat sumber terbuka berharga. Itulah alasan kita melakukannya.
00:32:38Itulah intinya. Saya sangat yakin bahwa contributing.md lebih penting daripada agents.md.
00:32:44Saya lebih suka tidak punya agen otomatis tapi punya banyak orang daripada sebaliknya.
00:32:50Hal yang membuatnya berharga adalah fakta bahwa ada orang-orang yang saya pedulikan
00:32:56yang menjadi bagian dari sebuah proyek. Dan sejujurnya, itu benar tidak hanya untuk Nuxt,
00:33:00tapi komunitas Vue, misalnya, juga sangat seperti itu. Tapi ya, ini semua tentang komunitas,
00:33:06dan selalu menyenangkan melihat orang baru bergabung dan mulai berkontribusi untuk menjadi bagian darinya.
00:33:12Dan itu termasuk datang dan meminta bantuan juga. Saya harus katakan begitulah cara saya terlibat,
00:33:18datang dan mengganggu orang-orang di Discord untuk menemukan jawaban atas pertanyaan saya.
00:33:23Sangat menyukainya. Hidup manusia, hidup komunitas. Ya, Anda bisa merilis sesuatu
00:33:28dan membagikannya kepada dunia. Kami senang melihatnya. Jadi ya,
00:33:34kita akan akhiri dengan kalian. Saya sangat terinspirasi dengan kecepatan dan kualitas hal-hal yang Anda rilis,
00:33:40jadi sangat bersemangat untuk perjalanan Nuxt, dan apa yang akan Anda rilis selanjutnya.
00:33:45Terima kasih banyak kepada kalian, kepada seluruh tim Nuxt, pemelihara, kontributor,
00:33:50dan tentu saja komunitas Nuxt. Jadi ya, terima kasih Sebastian, Daniel, dan Hugo karena telah bergabung.
00:33:55dengan kami hari ini.
00:33:56Terima kasih.
00:33:57Terima kasih.
00:33:58Sampai jumpa.
00:33:59Dan penonton, satu hal lagi. Jangan ke mana-mana. Saya ingin mengundang Eve dari
00:34:07Vercel Academy.
00:34:08Halo, Maya.
00:34:09Halo, Eve. Selamat datang kembali.
00:34:11Terima kasih banyak. Saya senang melihat Anda. Ini adalah bagian paling menyenangkan di bulan saya, merilis
00:34:18sebuah kursus dan tidak melakukan apa-apa, hanya mendengarkan semua orang bicara. Tim itu penuh dengan orang hebat,
00:34:25sangat bagus. Tapi ya, Anda juga termasuk orang hebat. Dan saya ingin mendengar lebih banyak
00:34:36tentang apa yang telah Anda siapkan dengan kursus baru ini.
00:34:40Ya. Jadi kami sangat bersemangat untuk meluncurkan kursus baru hari ini. Layar saya sudah dibagikan di sana. Nuxt
00:34:48di Vercel. Ini adalah kursus bagi mereka yang terbiasa bekerja di dunia React. Dan ini
00:34:55menyediakan lapisan penerjemahan antara proyek React dan Nuxt. Jadi jika Anda baru saja
00:35:03mendapatkan pekerjaan baru atau jika Anda sedang mengerjakan proyek sampingan dan Anda berpikir, "Saya benar-benar ingin memakai
00:35:08ini, tapi tidak tahu harus mulai dari mana." Inilah jalannya. Tentu saja, para agen
00:35:12akan membantu Anda mencapainya juga. Dan Anda harus menggunakan semua alat itu, tapi ini membantu Anda
00:35:16membangun sebuah proyek. Kita membangun aplikasi pencari pemandian air panas (hot spring finder) sehingga Anda bisa menemukan
00:35:24jalur pendakian dan pemandian air panas favorit Anda. Dan ya, silakan cek. Ada banyak kursus baru yang akan hadir
00:35:30di Vercel Academy, sedikit promosi, tapi yang ini adalah yang terbaru.
00:35:34Luar biasa. Terima kasih banyak Eve. Untuk para penonton, Eve memiliki kursus terbaik dan ia
00:35:40benar-benar menerapkan metode belajar sambil membangun (build to learn). Jadi ya, silakan langsung cek. Kami akan tambahkan
00:35:45tautannya juga agar memudahkan Anda. Saya sendiri bersemangat untuk mempelajari ini
00:35:50dan membangun lebih banyak hal dengan Nuxt. Jadi ya. Terima kasih banyak telah bergabung hari ini. Terima kasih. Oke.
00:35:59Terima kasih. Kita sudah sampai di akhir sesi komunitas kami. Terima kasih banyak kepada komunitas kami
00:36:03karena telah meluangkan waktu bersama kami. Kami harap Anda menikmatinya. Dan jika Anda ingin bergabung di masa
00:36:09mendatang, Anda bisa menemukan semua detailnya di platform komunitas kami di [community.versailles.com/live](https://community.versailles.com/live).
00:36:16Kami juga punya banyak acara mendatang yang sedang dipersiapkan. Jadi cek halaman acara kami
00:36:20di halaman pertemuan (meetups) untuk acara daring maupun di wilayah Anda. Dan terakhir, info terbaru,
00:36:26tiket sudah tersedia untuk Vercel Ship yang akan diadakan di berbagai lokasi di seluruh
00:36:32dunia. Jadi ya, sangat menarik. Pastikan untuk mengunjungi [versailles.com/ship](https://versailles.com/ship) dan ajukan
00:36:37tiket Anda. Dan situs itu layak dikunjungi hanya untuk melihat desain dan interaksinya saja.
00:36:43Tim benar-benar bekerja keras untuk itu. Jadi ya, sekian dari saya. Terima kasih banyak, semuanya.
00:36:47Semoga hari Anda menyenangkan. Sampai jumpa.