00:00:00Jelas sekali semuanya tentang AI akhir-akhir ini dan itu tidak berbeda untuk saya.
00:00:04Saya menggunakan AI sepanjang waktu,
00:00:06saya menulis banyak kode dengan AI,
00:00:07saya menggunakan alat seperti cursor dan sebagainya tetapi dalam episode ini fokusnya bukan pada AI..
00:00:13Sebaliknya,
00:00:13saya cukup sering mendapat pertanyaan teknologi mana yang harus saya pelajari di tahun 2026 atau teknologi apa yang Anda gunakan di tahun 2026 dan itulah yang ingin saya bagikan di sini.
00:00:24Saya ingin membagikan beberapa teknologi,
00:00:26pustaka,
00:00:27framework yang membuat saya bersemangat di tahun 2026.
00:00:30Dan daftar ini belum tentu menyeluruh atau lengkap.
00:00:33Sebaliknya,
00:00:33ini hanya daftar teknologi yang secara pribadi akan saya gunakan tahun ini dan saya sangat tertarik pada tahun ini.
00:00:40Dan saya sudah membicarakan ini sebelumnya.
00:00:42Tentu saja ada semacam stack default jika kita berbicara tentang pengembangan web,
00:00:47yang memang saya bicarakan,
00:00:48yang mendominasi segalanya,
00:00:50terutama dengan AI atau karena AI.
00:00:52Dan itu adalah TypeScript, React, Next.js dan Tailwind.
00:00:55Itulah favorit AI dan Anda bisa melihatnya di grafik unduhan React misalnya dan hal yang sama untuk Tailwind dan teknologi lainnya.
00:01:02Dan jelas itu ada di sana untuk apa yang pasti harus Anda pelajari atau gunakan,
00:01:07terutama jika Anda ingin mendapatkan pekerjaan.
00:01:09Itu bukan satu-satunya pilihan tentu saja dan saya tidak mengatakan angular view atau semua hal itu buruk dan itu bisa menjadi ceruk yang baik untuk misalnya mendalami view.
00:01:19Tetapi itulah favorit AI.
00:01:20Itulah stack favorit AI.
00:01:22Jadi secara alami saya menggunakan beberapa teknologi ini juga karena saya melakukannya sebelum AI.
00:01:27Saya menggunakan TypeScript untuk semua proyek saya karena TypeScript luar biasa.
00:01:32Dan ya,
00:01:33terkadang bisa menjengkelkan untuk mendefinisikan tipe yang lebih kompleks,
00:01:37tetapi pertama,
00:01:38Anda tidak perlu melakukan itu sesering itu,
00:01:40sejujurnya.
00:01:41Dan kedua, AI dapat membantu dengan itu.
00:01:43AI cukup baik dalam menulis kode TypeScript dan keuntungan menggunakan TypeScript sebelum AI sudah dapat membantu Anda menangkap kesalahan tertentu dan dapat menghasilkan kode berkualitas lebih tinggi pada akhirnya.
00:01:55Tetapi dengan AI khususnya,
00:01:57keuntungan menggunakan TypeScript adalah bahwa itu adalah salah satu blok bangunan penting yang dapat memberikan umpan balik berguna kepada AI tentang apakah kode yang ditulisnya valid atau tidak,
00:02:08dikombinasikan dengan unit test,
00:02:09misalnya,
00:02:10atau dengan memberikan akses browser AI dengan Playwright MCP atau browser bawaan dan cursor dan sebagainya.
00:02:16Jadi TypeScript adalah sesuatu yang selalu saya gunakan,
00:02:19saya selalu suka jauh sebelum AI,
00:02:21tetapi sekarang dengan AI itu bahkan lebih berguna.
00:02:24Jadi itu adalah bagian dari tech stack saya juga.
00:02:27Hal yang sama berlaku untuk React.
00:02:29Saya juga suka Angular.
00:02:30Saya suka Vue.
00:02:31Saya memiliki kursus di keduanya.
00:02:33Dan jika Anda mengikuti saya,
00:02:34Anda tahu saya suka semua framework ini.
00:02:37Dan saya bukan orang yang hanya memiliki satu framework favorit,
00:02:40tetapi selama beberapa tahun terakhir sebagian besar React yang saya gunakan untuk semua proyek saya dan terutama dengan AI dan dengan AI mengetahui begitu banyak tentang React,
00:02:50meskipun saya akan mengatakan itu dapat menghasilkan kode React yang cukup buruk juga dengan banyak use effect dan sebagainya.
00:02:57Tetapi dengan semua itu,
00:02:59React masih bagian dari tech stack saya..
00:03:03Next.js telah menjadi meta framework React utama saya untuk waktu yang sangat lama dan masih bagus.
00:03:10Saya ingin sangat jelas di sini.
00:03:13Ini masih bagus,
00:03:14tetapi itu adalah hal baru pertama mungkin yang sangat saya suka yaitu TanStack Start..
00:03:20Saya telah membangun proyek dengan itu seperti proyek build my graphic ini yang saya bangun sebagai proyek sampingan tahun lalu dan kemudian saya merilisnya.
00:03:28Ini adalah proyek yang menyederhanakan proses menghasilkan infografis dengan AI seperti yang ini di sini yang menunjukkan ikhtisar selesai dari tech stack favorit saya.
00:03:37Dan saya menggunakan TanStack Start untuk itu.
00:03:39Dan saya juga menggunakan TanStack Start untuk proyek lain yang sedang saya kerjakan.
00:03:44Beberapa akan segera dirilis.
00:03:45Saya misalnya juga menggunakannya untuk aplikasi menggambar canvas ini yang Anda lihat di sini..
00:03:51Dan itu luar biasa.
00:03:52Saya benar-benar menyukainya.
00:03:53Saya suka bahwa itu lebih cepat dari next.js selama pengembangan bahwa itu melakukan hal-hal tertentu secara berbeda.
00:04:00Saya suka sintaksisnya.
00:04:01Saya suka kesederhanaan dibandingkan dengan beberapa hal next.js.
00:04:05Tidak ada direktif use server use client dan sebagainya dan oleh karena itu TanStack Start jelas merupakan salah satu hal baru yang mulai saya gunakan tahun lalu dan saya akan terus menggunakannya tahun ini..
00:04:16Sekarang saya biasanya menggunakan 10 stack yang dimulai dengan bun untuk kode backend dan secara umum saya menggunakan bun untuk menginstal paket untuk menjalankan kode saya juga server dev karena itu hanya node.js yang lebih cepat.
00:04:29Maksud saya,
00:04:29hanya dengan menggunakannya untuk menginstal paket dengan bun install lebih cepat daripada npm dan saya sangat menyukai bun.
00:04:36Tentu saja ini kompatibel dengan node.js untuk sebagian besar hal dan memiliki banyak fitur tambahan bawaan yang bisa sangat berguna seperti klien s3 bawaan yang memungkinkan Anda berinteraksi dengan penyimpanan objek s3 dan penyimpanan kompatibel seperti r2 oleh cloudflare untuk menyimpan objek,
00:04:52gambar,
00:04:53apa pun itu dan itu sudah bawaan,
00:04:54Anda tidak memerlukan paket tambahan,
00:04:56sangat cepat,
00:04:57lebih cepat dari sdk aws resmi misalnya dan ya,
00:05:00karena semua alasan ini saya sangat menyukai bun dan oleh karena itu bun pada dasarnya adalah pilihan default saya di semua proyek yang sedang saya kerjakan.
00:05:08Tentu saja ini bukan hal baru dan juga bukan baru bagi saya,
00:05:11saya sudah menggunakannya tahun lalu dan bahkan sebelum itu,
00:05:15tetapi ini adalah default saya sekarang jadi itu juga sesuatu yang sering saya gunakan.
00:05:19Saya ingin menegaskan bahwa node.js juga telah berkembang jauh,
00:05:23mudah untuk menganggap node.js sebagai sesuatu yang lambat dan kuno dan bun jauh lebih baik dan saya memang berpikir bun lebih baik dalam banyak hal tetapi saya menulis seluruh artikel dan Anda dapat menemukannya di tautan di bawah jika Anda ingin membacanya tentang semua fitur modern seperti dukungan typescript,
00:05:40dukungan typescript native yang dibangun ke dalam node.js yang bisa Anda gunakan hari ini dengan versi terbaru node.js yang tidak memerlukan paket tambahan atau bun karena node dapat melakukan lebih banyak hal daripada yang banyak dari kita pikirkan.
00:05:53Apakah saya masih menggunakan bun karena saya suka kecepatannya dan sebagainya,
00:05:57ya saya masih menggunakannya,
00:05:59tetapi jika Anda berada di proyek di mana Anda perlu menggunakan node atau Anda hanya lebih suka itu,
00:06:04perlu dicatat bahwa Anda dapat melakukan lebih banyak hal sekarang dengan node daripada beberapa tahun yang lalu,
00:06:10jadi node.js modern juga pasti sesuatu yang akan saya pertimbangkan untuk dilihat lagi tahun ini jika Anda belum melakukannya dalam beberapa waktu.
00:06:18Berbicara tentang hal-hal modern,
00:06:20saya juga sangat antusias tentang banyak API browser modern dan fitur CSS yang tersedia saat ini karena banyak hal telah berubah di sana selama sekitar 18 bulan terakhir atau lebih,
00:06:30ada banyak API browser dan fitur CSS seperti misalnya API popover tetapi juga banyak lainnya yang telah mencapai dukungan browser utama yang luas,
00:06:38jadi Anda dapat menggunakannya di semua browser utama tersebut hari ini,
00:06:42Anda dapat menggunakannya di aplikasi Anda dan Anda dapat menghemat banyak kode javascript atau paket tambahan yang seharusnya perlu Anda instal dengan menggunakan fitur-fitur ini..
00:06:53Sekarang saya telah membuat beberapa video di channel saya yang lain,
00:06:56channel academy,
00:06:57di mana saya membahas lebih dalam beberapa hal seperti container queries,
00:07:01API popover,
00:07:02dan saya sangat merekomendasikan untuk melihat video-video ini dan fitur-fitur ini secara umum.
00:07:07Browser telah berkembang sangat jauh dan tidak ada lagi kebutuhan untuk menyelesaikan banyak masalah dengan kode Anda sendiri atau paket tambahan yang bisa diselesaikan hanya dengan memanfaatkan fitur-fitur baru ini.
00:07:18Perlu dicatat juga bahwa AI secara default mungkin tidak menyarankan atau menggunakan fitur-fitur ini karena tentu saja ia dilatih dengan data yang berisi semua kode lama,
00:07:27tetapi Anda bisa mengajarinya.
00:07:29Anda bisa membagikan dokumentasi,
00:07:31menyalin dan menempelkannya ke dalam prompt Anda,
00:07:33atau membagikan tautan tergantung alat mana yang Anda gunakan,
00:07:37dan kemudian Anda bisa membuat AI menulis kode modern juga.
00:07:40Itu adalah sesuatu yang sangat saya rekomendasikan untuk dilakukan,
00:07:43yaitu mengajarkan AI semua hal modern tersebut.
00:07:46Anda benar-benar harus melakukannya karena ada begitu banyak yang bisa Anda lakukan di sini.
00:07:51Berbicara tentang AI,
00:07:52tentu saja kita tidak bisa sepenuhnya melewatkannya dalam video ini.
00:07:55Saya sudah mengatakannya sebelumnya di episode lain,
00:07:58saya menggunakan AI sangat banyak.
00:08:00Saya menulis semua kode saya dengan AI dan AI menulis banyak kode untuk saya.
00:08:04Saya tidak berbicara tentang vibe coding di sini,
00:08:07saya ingin sangat jelas dan saya tahu beberapa orang masih akan salah paham.
00:08:11Saya berbicara tentang mengendalikan AI,
00:08:13mengarahkannya,
00:08:14memberikan prompt yang tepat,
00:08:15konteks yang tepat,
00:08:16masuk ke dalam kode sendiri ketika Anda perlu,
00:08:19dan benar-benar melakukan agentic engineering seperti yang disebut.
00:08:22Oleh karena itu,
00:08:23tentu saja saya bekerja dengan alat seperti Cursor,
00:08:26dan satu alat yang sangat membuat saya bersemangat tahun ini adalah Open Code misalnya.
00:08:31Ada banyak hype tentangnya baru-baru ini.
00:08:33Saya mulai menggunakannya sejak Desember,
00:08:35jadi saya sudah keren sebelum ia menjadi keren.
00:08:37Ini pada dasarnya adalah alternatif untuk Claude Code.
00:08:40Ini adalah alat CLI,
00:08:41alat coding berbasis terminal,
00:08:43dan Anda bisa menggunakannya untuk melakukan agentic engineering.
00:08:47Ini sangat bagus,
00:08:47memiliki antarmuka yang bagus meskipun berada di terminal,
00:08:51memiliki banyak fitur,
00:08:52mendukung semua hal seperti agents dan agent skills,
00:08:55dan ya,
00:08:55Anda benar-benar bisa melakukan agentic engineering yang hebat dengan Open Code.
00:08:59Oleh karena itu,
00:09:00Cursor dan Open Code misalnya adalah teknologi lain yang saya gunakan tahun ini,
00:09:05dan terutama Open Code adalah salah satu yang sangat membuat saya bersemangat.
00:09:09Sekarang ada dua hal yang dibutuhkan sebagian besar aplikasi yang mungkin Anda bangun,
00:09:13yaitu autentikasi dan database.
00:09:15Untuk database, favorit saya adalah PostgreSQL atau SQLite.
00:09:18Keduanya luar biasa dan keduanya tentu saja bukan hal baru,
00:09:21saya sepenuhnya sadar akan hal itu,
00:09:23dan saya tahu ada alternatif yang lebih hype seperti Convex dan lainnya,
00:09:27dan saya mungkin juga akan melihatnya.
00:09:29Saya belum benar-benar menggunakannya sejujurnya,
00:09:32tetapi saya menyukai database old school ini karena alasan yang sangat berbeda.
00:09:36PostgreSQL tentu saja sangat sangat populer,
00:09:38sangat performan.
00:09:39Ketika menggunakan AWS misalnya,
00:09:41Anda bisa menggunakan layanan terkelola seperti RDS atau Aurora untuk membuat hosting-nya sederhana jika Anda mau,
00:09:47tetapi Anda juga bisa self-host dengan Docker,
00:09:49hanya perlu memastikan bahwa Anda mem-backup data dan sebagainya.
00:09:53Yang hebat tentang PostgreSQL terutama sekarang di era modern ini adalah tentu saja ia mendukung semua ekstensi yang berbeda seperti pg_vector jika Anda ingin memiliki vector database untuk membangun sistem RAG.
00:10:04Ekstensi sudah ada sejak lama,
00:10:06itu bukan hal baru,
00:10:07tetapi sekarang di era AI,
00:10:08kita punya hal baru seperti vector databases dan Anda bisa melakukannya dengan PostgreSQL tanpa menggunakan alat tambahan atau membayar layanan tambahan,
00:10:16dan itu salah satu alasan mengapa saya sangat menyukai PostgreSQL dan mengapa saya menggunakannya untuk banyak proyek saya.
00:10:23Tetapi untuk beberapa proyek di mana saya ingin membuatnya lebih sederhana,
00:10:27di mana saya mungkin tidak membutuhkan ekstensi tersebut,
00:10:30saya sangat menyukai SQLite.
00:10:31Dan jika Anda tidak tahu,
00:10:33SQLite sebenarnya hanya sebuah file dalam proyek Anda.
00:10:36Database-nya tertanam dalam kode Anda,
00:10:38maksud saya kode untuk itu,
00:10:39jadi tidak ada server database tambahan yang perlu Anda mulai.
00:10:42Sebaliknya,
00:10:43itu hanya paket tambahan yang Anda instal,
00:10:45atau jika Anda menggunakan Bun,
00:10:47Anda bahkan tidak perlu melakukannya.
00:10:49Bun memiliki dukungan SQLite bawaan,
00:10:51jadi Anda bisa langsung menggunakan Bun tanpa menginstal apa pun dan Anda bisa mulai menulis ke database,
00:10:56yang sekali lagi hanya file dalam proyek Anda.
00:10:59Anda bisa mem-backup database hanya dengan menyalin file itu ke tempat lain,
00:11:03dan itu membuatnya sangat sederhana untuk memulai.
00:11:06Ini mungkin terdengar seperti sesuatu yang tidak benar-benar bagus atau cocok untuk proyek besar,
00:11:11tetapi Anda salah.
00:11:12SQLite bisa scale hingga puluhan dan ratusan ribu pengguna dan ribuan permintaan konkuren,
00:11:17jadi sangat scalable dan powerful.
00:11:18Tentu saja pada titik tertentu Anda mungkin membutuhkan lebih dari itu,
00:11:22tetapi titik itu cukup jauh dan sebagian besar aplikasi tidak pernah mencapainya sejujurnya.
00:11:27Dan kemudian kesederhanaan ini benar-benar sangat berharga,
00:11:30dan mudah untuk menganggapnya sebagai database mainan,
00:11:33tetapi ia memiliki banyak fitur bawaan.
00:11:35Ini adalah database yang luar biasa dan saya menggunakannya untuk banyak proyek produksi saya,
00:11:40seperti Build My Graphic misalnya,
00:11:42menggunakan SQLite.
00:11:43Oleh karena itu,
00:11:44itu adalah teknologi lain yang telah saya gunakan selama beberapa tahun terakhir dan akan terus saya gunakan,
00:11:50dan saya tentu saja masih sangat bersemangat tentangnya.
00:11:53Saya hanya ingin melakukan sedikit marketing untuk itu di sini karena banyak orang menganggapnya sebagai database khusus development atau semacamnya,
00:12:01padahal sama sekali tidak.
00:12:02Sekarang untuk autentikasi,
00:12:03jelas lebih baik menggunakan Better Auth untuk saya.
00:12:06Ada banyak cara menambahkan autentikasi ke proyek Anda,
00:12:09dan tentu saja jika Anda perhatikan,
00:12:11saya berbicara tentang ekosistem JavaScript di sini.
00:12:14Better Auth adalah library yang relatif baru,
00:12:16maksud saya sudah lebih dari setahun,
00:12:18tetapi masih belum terlalu lama.
00:12:20Library ini sangat well-maintained dan sangat powerful.
00:12:23Ia memungkinkan Anda untuk membuat autentikasi sendiri tanpa menulis kode apa pun yang terkait dengannya.
00:12:28Anda hanya menggunakan paket ini dan semua fitur,
00:12:31semua auth provider yang didukungnya,
00:12:33dan itu membuat autentikasi menjadi sangat mudah.
00:12:36Ini adalah default untuk semua proyek saya.
00:12:38Saya menggunakan Better Auth untuk semuanya dan itu luar biasa.
00:12:41Saya akan terus menggunakannya,
00:12:43saya masih sangat bersemangat tentangnya,
00:12:45dan ya,
00:12:46saya akan merekomendasikan untuk melihat Better Auth jika Anda belum melakukannya.
00:12:50Jadi izinkan saya dengan cepat membuat infografis yang saya tunjukkan kepada Anda,
00:12:54dan sementara itu berjalan,
00:12:56izinkan saya sangat jelas bahwa tentu saja ada lebih banyak lagi hal menarik yang terjadi,
00:13:01lebih banyak paket yang layak dijelajahi dan yang akan saya gunakan.
00:13:04Misalnya,
00:13:05jika saya membangun aplikasi mobile,
00:13:07saya akan menggunakan React Native.
00:13:09Ini hanya pilihan dari library atau teknologi yang paling membuat saya bersemangat yang terlintas di kepala saya sekarang,
00:13:15yang telah saya pikirkan.
00:13:16Benar-benar ada kemungkinan bahwa saya lupa sesuatu atau bahwa sesuatu tentu akan muncul selama tahun ini yang mungkin sudah ada tetapi saya belum benar-benar menggunakannya sejauh ini.
00:13:26Dan tentu saja saya tertarik mendengar pendapat Anda dan apa yang membuat Anda bersemangat,
00:13:31mungkin di luar AI.
00:13:32Jelas AI mendominasi segalanya dan akan berdampak pada segalanya,
00:13:36tetapi perlu diingat bahwa kita sebagai developer bisa dan harus tetap membuat pilihan tentang teknologi yang kita gunakan dan yang kita biarkan AI kerjakan.
00:13:44Dan ya,
00:13:45itu adalah pilihan dari hal-hal yang paling membuat saya bersemangat..