Ngobrolin NextJS - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. Topik, tautan dan pertanyaan menarik bisa dilayangkan ke https://ksana.in/ngobrolinweb Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Ringkasan Episode
Bantu KoreksiEpisode Ngobrolin kali ini membahas update terbaru dari Next.js 14 beserta berbagai kontroversi dan perubahan signifikan yang dibawanya. Diskusi dimulai dengan keluhan para peserta mengenai kecepatan update Next.js yang dinilai terlalu cepat, seringkali mengadopsi fitur React yang masih bersifat experimental sebelum stabil, yang menyebabkan breaking changes dan API yang deprecated dalam beberapa major version. Para peserta berbagi pengalaman kurang menyenangkan saat mengupdate versi framework, terutama dalam lingkungan produksi. Topik utama yang dibahas mencakup pengenalan Turbopack sebagai pengganti webpack yang menjanjikan performa lebih baik, Server Actions yang memungkinkan pemanggilan fungsi server dari client components, dan Partial Prerendering (PPR) untuk mengoptimasi rendering konten statis dan dinamis dalam satu layout. Kontroversi terbesar dibahas adalah perilaku caching by default pada Next.js 14 yang dianggap berbahaya karena dapat menyebabkan unexpected behavior, sehingga pada versi 15 caching akan diubah menjadi opt-in setelah mendapat protes dari komunitas. Diskusi juga menyentuh perbandingan Next.js dengan framework lain seperti Remix, Astro, dan pendekatan tradisional seperti Laravel + Blade, serta tantangan dalam memilih teknologi yang stabil versus yang selalu mengikuti perkembangan terbaru.
Poin-poin Utama
- •Next.js 14 hadir dengan fitur-fitur utama seperti Turbopack (bundler baru), Server Actions, Partial Pre-rendering (PPR), dan peningkatan pada self-hosting sebagai respons terhadap developer yang bermigrasi ke OpenNext.
- •App Router mengubah paradigma dari Pages Router menjadi server first di mana semua komponen dianggap server-side secara default, dan hanya komponen dengan direktif 'use client' yang akan di-render di client.
- •Masalah utama Next.js adalah update yang sangat cepat dan sering mengubah atau meng-deprecated API, sehingga developer sering kesulitan untuk keep up-to-date dan menghadapi breaking changes.
- •Sistem caching di Next.js 14 masih caching by default yang bisa membingungkan, namun di Next.js 15 akan berubah menjadi opt-in caching sebagai respons terhadap feedback dari komunitas developer.
- •Turbopack diklaim lebih cepat hingga 96% dibanding webpack dan dalam status RC untuk production, namun banyak developer yang masih ragu untuk menggunakannya di lingkungan production karena masih eksperimental.
- •Partial Pre-rendering (PPR) memungkinkan kombinasi antara shell/static content dan dynamic content dalam satu halaman, mirip dengan konsep Island architecture dan App Shell pattern di PWA.
- •Diskusi juga mencakup alternatif framework seperti Remix, Astro, Hono, Fresh (Deno), dan Elysia JS sebagai pilihan yang lebih stabil, serta konsep modern monolith menggunakan Laravel + Inertia.js untuk developer PHP yang ingin UI modern tanpa kompleksitas full-stack JavaScript.
0:00halo halo halo selamat malam selamat malam ketemu lagi kita dalam malam hari ini Selamat
0:21hari Selasa seperti biasa kalau hari Selasa itu adalah waktunya waktunya ngobrol anyway
0:28pada sibuk apa nih karena saya habis sibuk-sibuk banget Astaga sibuk apa-apa
0:41ada sibuk kerjaan sibuk kerjaan banget banget ya biasa kan sudah Mas memasuki ini kan ya ini
0:52sudah mau masuk Q berapa ini masih ke-2 tapi ke-2nya mau habis hampir tiga ya sudah hampir
1:00tinggalkan jadi banyak yang dipush OKR OKR temen-temen sibuk apa lagi ngulik apa gitu ya
1:17lagi tertarik ke framework apa misalkan ya dan nah seperti apa judul kita ya malam hari ini kita akan
1:28membahas bukan membahas ya buka next javascript tapi next javascript
1:35sebelumnya pernah ya nextcom pernah ya kayaknya ya yang tentang
1:43turbopack dan lain-lain ya Iya terus kemudian pernah yang sama react-react ID
1:50Itu cocok lagi belajar next jadi bisa kita tanyain juga karena jujur kita penasaran banget sama update
2:02terbaru dari next.js 14 udah di dalam sebenarnya kan dari tahun lalu ya akhir tahun lalu tapi
2:11kita belum sempet belum sempet catch up makanya malam ini kita sempatkan untuk cari tahu kira-kira
2:18update apa aja yang seru
2:20apa yang menarik
2:21karena kita juga belum tahu, tapi kita penasaran
2:24karena
2:25karena si Next.js ini termasuknya cepat ya
2:28kayaknya geraknya cepat
2:29kadang
2:31mungkin dibandingin
2:34ekosistem yang awas
2:36yang dulu, ini tergolong
2:38ekstrim gak sih?
2:39kayak dalam
2:40beberapa major version
2:43suka ada
2:45API yang di-deprecated
2:47yang kayak dulu apa sih get static site bla bla bla jadi dulu mereka prescribe epi-nya begini-gini
2:56dalam 23 major update Oh enggak itu udah deprikasi sekarang kita punya yang baru kayak geraknya
Lihat transkrip lengkap
3:03lumayan cepet sih kalau menurut opini gue dan ini satu lagi dilemanya eh apa sih dulu tuh sebelum
3:12jadi fulltime webdev bayangin enak banget kerja jadi developer tiap hari bisa ngulik bisa ngulik
3:20apalah framework baru atau apa sekarang terlalu banyak yang diulik ya waktu udah kerja ya kan
3:27harus ngikutin kebutuhan di kerjaan dan nggak bisa gonta-ganti saya nak model juga kan dan
3:33kadang steknya yang kita nggak terlalu suka tapi ya harus harus aja Nah giliran mau ngulik yang
3:41baru yang seru yang fashion new things eh udah capek jadi nggak sempet akhirnya malah ini lebih
3:49ada pengalaman gak sih upgrade-upgrade upgrade versi dari misalnya next.js berapa keberapa
3:57react berapa keberapa itu punya nightmare nggak sendiri-sendiri nggak sih kalian atau teman-teman
4:04yang nonton punya netber enggak sih mengupdate major version itu
4:08backward compatibility atau breaking change belum lagi incompatibility gimana
4:17pernah ini enggak punya karena pengalaman saya banyakkan ngajar pernah punya pengalaman buruk ketika ngajar
4:28react native
4:29Jadi
4:32pagi itu masih versi sekian
4:35waktu sehari sebelumnya
4:38udah dicoba
4:38demonya lancar
4:39begitu siang itu nggak jalan
4:41ternyata ada upgrade
4:43pas siang itu
4:44begitu dilihat dokumentasinya
4:47saya itu udah berubah versi ya dan bisa jalan nggak bisa di-lock version tapi itu kalau
4:55kalau pakai command kayak gitu kan yang muncul yang baru Iya kan kalau misalkan demo di di
5:05modulnya di kelas gitu kan ya modulnya dijalankan gitu ya kayak create Iya betul ya kalau kita
5:14mungkin dari awal enggak mungkin kita lokan versinya kan Iya jadi itu pengalaman yang
5:21lumayan-lumayan apa ya Wih kok nggak jalan kaget kan panik gitu kan Ayo kita lihat sama-sama
5:27dokumentasinya berasa tadi pagi masih versi segini soalnya apa ininya apa demonya itu
5:39pagi terus lanjut siang pas pagi jalan siangnya udah ngejalan itu sungguh banget sih kalau
5:49produksi belum ya biasanya sudah terbiasa nge-log version tadi Jadi kalau ketika di
5:55pkj-nya itu udah enggak pakai caret lagi udah enggak pakai yang tanda rumah begini kan udah
6:00dihapus semua tuh dah log version semua jadi cenderung lebih aman pakai caret aja yang cacing
6:06jadi cuma cacing kalau nggak yang patch version minor oh patch ya yang minor Halo halo kalau Eka
6:16ada enggak pengalaman nggak pernah sih soalnya kalau tempat kalau tempat kerja nggak pernah
6:21karena emang apa ya kayak hati-hati banget kayak harus bilang dan pasti yang lain juga ngingetin
6:28beneran standby ngecek dulu semua terus ada kayak n2n test beneran harus jadi kalau yang minta update
6:37major version itu beneran cuma harus karena security reason bukan karena iseng atau pengen
6:42sama ya emang harus ditungguin dan semua yang lain juga kayak ya sambil ngerjain yang lain tapi
6:48standby ngebantuin kalau ada apa-apa jadi nggak pernah kenapa-napa yang ekstrim dan emang kayak
6:55koreksi event security pun ya kayak harus beneran konsensi banget nah ini beneran dan ada security
7:01update nih penting banget penting banget kayak gituin baru eh apa tapi kalau personal pribadi
7:08sih sering tapi kan cuma kayak starter site atau template atau apalah coba-coba doang dan dulu
7:15tuh nggak ngerti belum ngerti bedanya apa sih yang lancipu gini sama yang begini sama karet
7:21sama apa ini namanya tildi tildi tildi tildi sebutnya sebutnya cacing cacing
7:30kalau cacingnya tiduran begini dong jadi Dash ya gitu banyak dulu belum itu sama sekali sih
7:38sampai pernah dulu pernah apa ya yang ya paling ke ketikungnya cuma incompatible antar ya antar
7:50antar versi loh ya tapi intinya belum pernah yang fatal saya barusan tuh sering-sering sering-sering
8:00ya ada saat barusan ini barusan kayak dua hari lalu which is gak bisa saya solve jadi ah Sudahlah
8:09bodo amat stay aja lah disitu ah ah mau gimana lagi versinya ya udah di-log aja disitu dulu
8:19karena enggak keburu waktunya jadi kayak memang enggak punya waktu maksudnya tadinya ah iseng
8:26aja coba update siapa tahu lebih cepat atau lebih bagus gitu ya eh setelah nyoba nge-stuck 222 jam
8:34ah bodo amat dah move on
8:37kasusnya itu kayak YJS ya YJS itu YJS framework itu buat collaboration editing dia si conflict resolution data type CRDT ya
8:55jadi saya ada server side nya pakai YJS tetapi YJS nya ini dijalankan pakai VHCS
9:06jadi bukan bukan pakai Note ya pakai-pakai not si jalannya cuma bukan pakai not server jadi
9:16pakainya not runtime yang dari VHS tahu enggak yang dari PHP jadi pakai PHP ngeranen ngeraning
9:23node-node sebagai extension bisa namanya VHS jadi PHP extension untuk ngerani node di PHP server
9:36di PHP runtime bahasanya anyway karena tapi VHS ini kan sesuatu teknologi yang enggak di-maintain
9:48lagi jadi banyak hal-hal yang yang kayak is modul tuh enggak jalan atau typescript
9:56enggak jalan secara modul yang modul enggak jalan harus dikompas sebagai common.js
10:01nah ya JS nya ini nge versi upgraded minor version ya 36 ke 37 gitu dia
10:11ke typescript semua hehehe usah lah bukan ke typescript dia mulai pakai type system
10:19type system sehingga ya di situ nya beneran di kode nya dan saya ngakompilnya pakai roll up
10:36karena enggak mau ribet ke cuma ke common.js jadi cuma kayak kompleks tapi kok hasil kompilenya
10:43enggak enggak sempurna ya enggak jalan sebelumnya jalan 336 jalan 37 ya Sudahlah nyerah nyerah
10:53kasih komen huruf besar jangan diupdate nanti kacau move on move on dan ini adalah salah satu ini ya
11:06salah satu sebab kenapa next.js itu update-nya cepat karena dia sangat tergantung kepada react
11:15yang juga update-nya tidak kalah cepat juga mungkin beberapa tahun ini mungkin agak slowing down ya
11:22agak agak pelan sedikit tapi sebelum-sebelumnya tuh kenceng banget gitu banget semuanya sini
11:30ini ada kontroversi apa sih ya mau saya mild kontroversi yang next itu pakai react yang masih
11:38beta pakai API yang epi nyari akan belum dipublis sebetulnya jadi mereka pakai duluan Iya kenapa ya
11:48khususnya cuma enggak tahu detail lupa detailnya bentar cari dulu pokoknya ya itu tadi dia emang
11:56keep up banget sama perkembangan react dan bahkan react yang masih fitur react yang masih beta pun
12:01dipakai jadi ya harusnya dia bagus ya maksudnya best practice ya kalau misalnya sesuatu yang
12:09launching mungkin dikasih experimental gitu nggak Iya mungkin di jadi apa bedanya sama
12:17riaqen nah ini ada artikel yang cukup deep dive baca bareng aja karena kemarin-kemarin
12:26pas baca tuh kayak Oh ya udahlah mau saya apa enggak ngerasa penting buat explore kasusnya
12:34lagi mana is next.js using unreleased experimental react-feature next.js beloved framework
12:50for server render
12:55insum in ex-boy oh iya sorry eh salah-salah zoom nih
13:01retain API itu apa coba belum sempet nyoba rietain API jadi kesini larinya Iya itu masjid penjelasannya itu kan di highlight
13:23ingin coming next 14 release try out enggak tahu ini pakai experimental
13:35let's you prevent a specific object instance from being past to a client component like a
13:47bisa objek Oh Om available inside triad server components Oke berarti nih kayak
13:56credentials atau apalah yang ya ya jangan-jangan expose the controversy
14:07the journey of next.js into real cutting-edge technology begin with its 13th release
14:14the team behind next started incorporate feature that were not yet officially included in the
14:21restable regal jadi belum masuk stable udah dimasukin ke XJS 13 nah cuma detailnya gimana
14:29tuh itu di flag atau enggak enggak tahu ya belum dijelasin misalnya react server komponen belum
14:35stable blablabla lalu yang 14 react-paint API is forward thinking decision bahaya dong ya kalau
14:48misalnya kalau terjadi atau berubah ya kan eksperimental kan dia udah ngasih flag maksudnya
14:54argumen mungkin kalau dari perspektif tim next.js ya orang yang enable experimental flag itu kan at
15:02onris ya tanggung tanggung resiko nah cuma kalau dalam hal apapun ada perspektif ABC Nah kalau
15:11yang protes kan jadi kayak apa ya kayak mainan banget kayak bongkar pasang terepa nanti Oh
15:16ternyata bukan kayak gini berubah kayak apa Oh riad juga ada kanarinya sekarang
15:22sampai detik ini ya betul belum stabil belum stabil ya masih experimental gitu server
15:44nanti ya di next 14 ya tapi ini kita rantur dulu ya tentang apa ini ini kan tadi yang
15:571-4 tuh flow-nya apa rekanari ya sebetulnya penjelasannya masih experimental Wow
16:05coba pakai pakai mendang mending bisa enggak di summary ini bisa pakai atau remix
16:19Oh pakai nano-nano gemini nano mana gemini nano mana enggak di sini ya udah ada promosi
16:30belum ada promosi isi buka yang web.ai ajalah Gemini.com suruh suruh apa summarize is artikel
16:40arti important points udah bekerja tanggung the final assessment udah mau kelar at present
16:49pionir
16:52nah tukang paragraf 2 is placed under the experimental flag or property in config file
17:02Iya kalau misalnya mau pakai fitur yang experimental harus siap mencari siap bagus
17:11juga sih ya mereka begitu bisa jadi ngetes membantu timnya react juga sih sebenarnya
17:17enggak ya Iya nah kelinci percobaannya adalah developer yang pakai fitur itu jadi mau saya
17:23mungkin ada yang agak ada juga yang early adopter kan asal-asal jangan diaktifkan secara default
17:32jadi di saat kita install Next.js 13 itu nggak include kan kecuali kalau kita mungkin 13.next
17:41atau apa gitu mungkin nggak flag di config nya include cuma nggak enable oke mungkin ini ada
17:49faktor si next.js nya merekrut beberapa orang dari tim react yang ada di Facebook kan pindah
17:58ke versel dia tetap kontribusi ke ke react dan mungkin salah satu kerjaannya adalah ini dia
18:06tahu ini experimental tapi udah mau rilis misalkan dia udah punya bocoran misalkan gitu Yaudah kita
18:11implementasi aja biar kita kedulu kita duluan dibandingkan yang lain gitu jadi pionir gitu
18:16mungkin mungkin yang remix remix dulu gets big it's been ya udah yaitu nyode mix Astro
18:29yang cukup bisa remix ya remix-remix Astro kan bisa pakai Astro bisa pakai bukan react bisa
18:45ya beda ya enggak enggak exactly head-to-head
18:52nasibnya nasibnya pemain XCS tanpa versel masih masih ini ya sih pemain XCS tanpa versel
19:03open masih relevan ya open next ini sebenarnya sebenarnya dia solving problem untuk supaya
19:14jadi eh apa namanya si ininya tidak sulit apa namanya deploymentnya Iya kan versi
19:23betul-betul bukan ke arah eh aduh fitur sih ya justru open next kan fiturnya ngikutin ngikutin
19:35aja kan next aja ngikutin aja cuma perkara deployment target atau apalah konfigurasi
19:41cuman agak gimana ya jadi next tergantung react open next tergantung next jadi ada tiga ada tiga
19:55layer gitu terlalu abstrak jadinya abstraksi nya terlalu abstrak tapi si open next ini nggak punya
20:03ini sendiri kan mau saya kayak tentang routing lah misalnya ya deng nge-rap ya itu layar
20:11yang mempersiapkan adapternya supaya bisa pakai server-server yang lain selain versi
20:19karena Lexi s by default ya karena keper apa karena kepentingan bisnisnya dia nggak nyediain
20:26adapter Padahal sebetulnya kalau di meta framework ekosistem meta framework nah meta framework lain
20:32adapter sekarang ya udah kamu deh sel-kit punya astro punya jadi keplak and play mau misi target
20:38informennya note atau versel atau netlify atau apapun itu memang lebih kecil lakan deh punya
20:46sel gimana sih konflik-konflik terbalik bisnis cuma mau saya bukan perkara teknis kan itu perkara
20:54pure bisnis nah tadi perkara di mana yang bikin gak bikin ininya apa-apa Osi open next itu yang
21:00adapternya berikutnya itu bikin cuma enggak build-in kayak metaframer lain karena yaitu
21:06versel ya udah community bikin adapter ada lagi nih perkara next dan kontroversi sebenarnya
21:15kontroversial banget juga sih cuma Masa ini isu dengan default behavior jadi eh yang 13
21:22kalau nggak salah sebelum ini kan udah mulai app routernya udah stable ya udah by default
21:27Oh ya, perubahan yang cukup signifikan ya?
21:31Iya, dan ada, itunya sih nggak apa-apa.
21:33Cuma ada caching behavior.
21:35Nah, masalahnya by default katanya cache dinyalain.
21:39Itu kan agak bahaya buat orang yang nggak tahu, nggak sadar.
21:42Nah, ini yang, lupa ada 13 atau 14 yang kayak gitu.
21:46Nah terus sekarang baru yang besok ini belum rilis 15 RC baru cachingnya akan disabled by default karena pada protes Oh yang ini itu yang di komplain sama mas Irfan Maulana ya di Twitter itu sering beberapa kali dia sempat komplain katanya fetchnya next itu
22:11di-cash ya Oh ini ya
22:17ada casing behavior nya dan itu dia bilang-bilang kayak by default bilang-bilang bisa lupa deh either
22:27bisa atau ada konfigurasinya di-fetch nya sendiri yang kayak ada argumen tambahan atau apalah
22:34disable caching or something cuma intinya by default kalau kita cuma ngefet biasa itu akan
22:41di caching dan kan Iya er hasilnya bisa anexpected behavior karena orang nggak sadar itu lagi caching
22:49dan intinya cuma mau second pada protes ya udah di apa protesnya didengar dirilis selanjutnya akan
22:57dibuat op-in op-in Jadi kalau mau boleh kalau nggak mau ya udah gitu ya pakai yang normal
23:08fetch ya kalau dipaksakan jadinya opinionated ya udah gitu katanya kalau kita pakai create
23:17next app itu berarti secara anonimus data kita dikolek ya di catat ya
23:22ya nggak tahu ya 15 15 ya tapi sebelum ke-15 mungkin kita ngomongin 14 dulu kali ya
23:35Iya jadi kita malam ini mau tahu update apa aja di next 14 kayaknya beberapa teman-teman
23:46ini lebih update ya ada rehan di sini ya yang bilang dari versi 13 sudah sudah apa namanya
23:53sudah kecing ini terus ada juga miauliet ini juga lumayan lumayan update kayaknya enggak suka remi
24:01soalnya ada embel-embel dollar apa nih embel-embel dollar itu kayak php-nya HP kalau saya suka
24:11bener ya sebagai anak sukses suka dollar variable apa global dollar beneran juga suka dollar suka
24:20singapore dollar juga suka euro oke rupiah juga seluruhnya enggak ada yang bikin apa sih rp gitu
24:34buat apa kalau untuk SEO next bagus nggak bagus salah satu keunggulannya adalah SEO
24:44extension atau adanya mengandalkan server-side renderingnya ya server-side kan kalau saya dulu
24:55implementasi implementasi meta-metanya itu pakai react helmet dulu bahasanya Oh itu udah ada udah
25:03udah ada built-in dan klipnya makin kesini yang 13-14 ini apa makin dimudahkan kok buat misalnya
25:13ganti routing nih soalnya ganti route kan sekarang pakai filebase yang cara baru itulah mengganti
25:20ya update-nya juga udah udah ada epi-nya dari mereka hmm oke nah di versi 14 yang pasti boosting
25:32performance ini udah udah pasti ya setiap update harusnya ada boosting performance ya salah satunya
25:38adalah turbopack nah ini yang salah satu yang menurut minum Oh kurang ya Iya yang yang menarik
25:46yang lumayan menarik yang lumayan menarik itu Bobet ini tapi enggak tahu bisa Apakah hanya
25:52eksklusif untuk next atau bisa dipakai untuk umum gitu ya harusnya untuk umum ya karena
25:59juga dari landing page seperti ini kan God server juga Iya kok pakai tapi di getting
26:07start-upnya masih create next apps masalahnya Iya belum bisa Apakah ini sudah bisa buat
26:12emang saya next next selain next belum ada ini Iya buat framework lain selain next nggak perlu framework masalahnya
26:27sekedar ngomel-ngomel red gitu Iya kayak VT Iya kayak ada nggak di sini
26:36coba ada tergolong pek tergolong repot
26:42ini apa belum belum kayaknya ya bener-bener sistem ya mungkin kalau yang kalau yang jago
26:56betul ya cek aja kodenya kayak di-edit sendiri mungkin bisa kali ya itu existing project bisa
27:06nih bisa ini tuh ada install Global ada insya Allah coba-coba terus turbo build Oh udah bisa
27:16getting started start for example existing project udah bisa udah bisa
27:24ini ya sama-sama webp-nya existing project asumsinya existing next.js project lihat
27:34itunya Enggak bisa sama coba enggak enggak yang dari installing aja nih udah langsung kan tuh
27:41Terus habis itu masuk ke sini, apps slash docs, misalkan Turbo Build.
27:45Bisa langsung, kan?
27:47Kayaknya udah bisa, ya.
27:48Tapi harus kita coba, ya.
27:51Ada nggak ini?
27:52Ininya Mas Riza ada...
27:54Ada...
27:54Ada...
27:55Ada...
27:55Ada apa?
27:56Repo apa gitu?
27:58Ada, ada.
27:59Repo mainan.
28:00Repo mainan.
28:01Oh, udah siap, ya?
28:02Ya, apapun lah.
28:03Nggak, nggak ada.
28:04Sample React App.
28:05Sample React App.
28:07Gak usah...
28:08Nggak usah...
28:09Nggak usah React.
28:11Yang apapun lah.
28:11yang javascript ya perlu dikompilasi javascript javascript ya ada tapi bun eh nggak papa-papa ya
28:21oke eh apa nih kurang gede Bun Bun install Bun install eh global Oh dia pakai global coba NPM
28:39Oh iya ini npm install global harus global ya npx aja ya udah coba npx turbo build
28:49langsung gitu? Coba ya npx turbo build yang di build apa?
28:58ya ke-10 ini kali ya dulu kali ya bukan itu kan project-project directory Oh iya ini ya
29:15coba package.json ya kita lihat ya isinya apa ada ini SDK betrok ada typescript Oke ada
29:26independensi bun bisa enggak nggak yakin bisa sih tapi ya kelak kita coba ya harus ada startnya
29:33tapi coba aja lah X Turbo build halo Rahul Halo kesel sendiri ngikutin XCS Kenapa kenapa
29:46keselnya kenapa karena cepat karena berubah-ubah karena apa ya seru-seru itu banyak masih apa itu
29:58main is pasti 110 10111 ini juga apaan nge-install aja pakai bunx ya Oh iya bener juga kenapa enggak
30:10Maaf kita
30:14Ada ya
30:15Iya kita baru tahu
30:17Ternyata ada
30:18Watasiwa
30:20Kebiasaan
30:24Halo halo
30:26Halo
30:27Oke sambil kita
30:32Lihat ya
30:33Nah ini yang pertama
30:35Tentang Turbo Pack Ada mas Irvan dia dipanggil tadi langsung iya tadi kita bilang ngomongin itu
30:45fetch yang di cache otomatis sama next
30:48eh mas Irvan nya dateng
30:52making things simpler
30:55itu partial pre-rendering itu gimana sih
30:58udah udah oh masih expert ini
31:00stable server action
31:02ini bukan yang tadi ya bukan server render
31:04render eh bukan apa server komponen ya bukannya bukti yang kayak kayak form action itu loh form
31:10action tapi kalau dari klien tapi bisa manggil server side this is basically remote procedure
31:18call similar to the RPC but built into react eh next Oh tadi malah Oh next learning course
31:28dari itu resminya Iya ini learning course juga baru Yaelah baru orang baru update berubah semua
31:36masuknya platformnya yang baru gitu loh Oh tapi memang salah satu apa salah satu keunggulannya
31:45nes itu ya ini learning platformnya bisa banget kayak tadinya nggak bisa sama sekali habis itu
31:51bisa tapi begitu begitu bisa muncul versi baru yang jadi nggak nggak relevan lagi gitu ya
32:0217 lesson loh Wow ini kita harusnya nanya ke masih funny update apa aja nih yang next.js update apa
32:14aja nih kita disuruh nanya udah selesai belum tuh Turbo Turbo Turbo Turbo Turbo belum kayaknya
32:26kayaknya ngeheng ya bingung kali ya coba kita bikin folder baru ajalah
32:34ya diisi something lah Turbo test apalagi makin mabuk index.js
32:45Indonesia ya oke echo hello echo echo server.js gitu ya server apa klien
33:03app.js lah biar makin bingung ini klien apa server, console.log
33:12turbo, udah, terus?
33:18npx, oh turbo ya, boonex dong
33:24mau boonex aja? tadi gak jalan soalnya
33:28ya lebih lama lagi Oke lanjut Oh ini strapi ya next.js update update yang detail sih yang enak
33:39dibaca tuh di next.js blog aja yang ini ya eh 14.2 ini eh mana dia next.js blog aja jadi kita
33:49satu-persatu blog update-nya jadi pas mulai versi berapa lah nah yang bawah dikit dulu ini
34:00kutu terakhir terakhir nulik di 13,5 nah 13,5 ini berarti ini kan 14 ya ini sama sih Turbo
34:11server action partial prerendering sama kembali ke 14 14 14 14 itu improve self-hosting denger
34:30suara developer yang pada lari ke open next karena udah udah ada yang bikin ya dan dia
34:40sebenarnya mengadvance kebutuhan itu kan cuma dia bikin ya dibikin agak sulit kita enggak
34:45enggak dipermudah ya demi kepentingan bisnis tapi sebenarnya dilarang ya Emang itu terbuka
34:51bahwa mereka Open ya Emang bisa kok kalau mau cuma effort dikit terus apa itu yang paling
34:59Stream adalah adopsi app router
35:01Udah gak ada lagi gate server site
35:04props semuanya jadi server first
35:05iya jadi
35:07sekarang apa ya kayak
35:09ekspresinya kalau dulu kan ada
35:11get static apa get server side
35:13props ada get static page
35:15ada get static path
35:17kalau gak salah nah kalau sekarang
35:19perbedaan server client ya semua
35:22dianggap server first
35:24tapi kalau misalnya
35:25untuk kan sebenarnya yang client itu
35:27adalah komponennya kan
35:29UI nya bukan route nya
35:32kalau ada hal-hal yang perlu di klien ya komponennya kita kasih use klien jadi kayak apa ya paradigmennya berubah aja sih
35:39oh sekarang ada custom image optimization
35:43oh ini mah udah dari 12
35:45udah lama ya
35:46udah lama 11-15 gitu
35:49kalau mau hosting sendiri sekarang udah gampang image component
35:54iya dari dulu sebenernya itu 11-12 jadi kayak ada
35:59Cuma itu kayak diumpetin juga sih, jadi kayak by default itu makan komputernya versel.
36:05Agak licik itu, maksudnya kalau buat orang yang developer yang nggak terlalu ngedalemin ya,
36:10terus tiba-tiba misalnya blog post atau artikel atau news atau apalah yang image-nya banyak,
36:17itu lumayan jebol juga sih.
36:19Tapi dari dulu pun bisa diganti, ubah, kayak provider-nya diubah kok.
36:23Misalnya kita punya CDN sendiri nih, apa ya, kayak image CDN apapun itu,
36:28tinggal diganti aja providernya
36:30gue nget pake itu dulu
36:32pas apa sih keroyokan sama mas Zain
36:34dan teman-teman bikin
36:36warga bantu warga itu loh
36:38warga bantu warga
36:39itu tahun berapa itu, nah itu udah ada
36:43fitur buat
36:45nge-customize
36:46image
36:49image
36:50oh ternyata udah ada nih
36:53kalau mau tau
36:54turbonya udah siap apa belum
36:56Arwi Turbo yes
36:58Development yes
37:00Itu kan development
37:02Production gak deh
37:03Coba scroll ke production
37:05No
37:07Udah siap apa belum
37:13Udah siap pake di production apa belum
37:15Ini berdasarkan testing ya
37:18Testing
37:20Development test
37:21600 or more since the last update
37:24namanya masih ya tes si Turbo repo itu kayaknya diprioritasi buat next.js dulu deh jadi kayak
37:34walaupun teori-teori secara teori mungkin ya bisa buat apalah javascript lainnya kayaknya dilihat
37:41dari boxnya sekilas pun contoh-contohnya ya enggak jauh dari next.js Iya mungkin nanti
37:48bisa suatu hari bakal bisa tapi sekarang mereka prioritasin kebutuhan mereka sendiri lagi-lagi
37:57ini kan perkara bisnis kan ini kan emang under payrollnya persiapkan for versi.com
38:06large next application website 76% pasteur 96% kode update with refresh banyak duit ya dan dari
38:181213 ini Oh Turbo Pak ini udah apa experimental udah sebera enable dan kerasa sih dibandingnya
38:26misalnya 1011 gitu enteng buat kayak mungkin faktor ganti laptop juga sebetulnya sih cuma
38:34memang kayak laptop itu enggak bunyi sama sekali dong ya for message apalagi ya ini
38:43pro-messege Windows reposted and replace state Oke data cache logging observability
38:54next image super picture karena casing kan suka nyebelin kan maksudnya kita kita itu
39:01kulit enggak langsung kelihatan nih kalau misalnya dilock di server pas lagi dev itu bagus sih suka
39:09kagum sih kepikiran aja bikin fitur kayak gitu ini tadi yang kita omongin ya server fetchnya
39:19default cache di versi 15 sudah sampai 14 masih caching by default 15 opt 15 opt ya jadi by default enggak ya oh itu tadi komennya bagus tuh karena ada API baru
39:34kayak generate metadata yang kadang butuh fetch juga
39:38nah sama mereka itu kayaknya dijadikan isi halaman
39:42misalnya gini deh, client-side routing dari list of posts
39:46buka single post, buka salah satu post, post detail
39:49kan itu harus nge-fetch data
39:51kayak dipake di metadata
39:52di headnya buat SEO
39:54buat kontennya juga
39:55nah itu tuh emang
39:58jadi kayak kita
39:59kalau gak salah ya encourage yaudah
40:01semua di-fetch aja nanti
40:03di-debut
40:05sendiri sama mereka
40:07sama Next.js nya
40:10jalan sekali dipake
40:12di berbagai tempat
40:13nah exactly gimana karena belum pernah
40:15pake buat production juga sih cuma nyoba-nyoba
40:18itu juga versi 13,5 dulu
40:20cuma maksudnya prinsipnya
40:22paradigma nya kayak gitu
40:24jadi sebetulnya emang ada tujuan
40:27yang legitimate
40:27cuma mungkin kalau by default cash kan
40:30kebingungin
40:31iya karena gak bilang-bilang lagi gak ada infonya ya
40:3520 improvements
40:39allow you to
40:42simultaneously or conditionally
40:44render one or more pages in the same layout
40:47for highly dynamic session of the app saya kalau contohnya contoh yang apa ya mau saya
40:56yuai pattern yang common kebayang gak WhatsApp web web atau email atau apapun yang bisa dikirikan
41:04ada list of posnya ada indeksnya terus kalau kita klik salah satu di kanan muncul kayak single
41:12single view nya kan Nah cuma kalau di mobile kalau di HP itu kan sebenarnya kayak dua route yang
41:18berbeda kan pertama index kita buka aja terus kita klik salah satu masuk ke single single
41:24pagenya nah ini tuh kayak dipermudah sama app routingnya tapi kalau belum pernah nyoba itu
41:32pas-pas beneran mau mau loading itu nyelimet banget sih ribet tapi ribet tapi helpful
41:39up router tidak lebih baik daripada pes router tapi gara-gara kece jadi berasa kenceng casing
41:55sistemnya dia pinter banget ya buat yang mungkin yang belum familiar app router itu apa bedanya
42:02dibandingkan peserouter apa kalau ada folder pages kan kalau itu gimana Oh iya intinya file-based
42:14tapi lebih ribet nih bentar-bentar ada linknya file-based tapi lebih ribet ya file-based juga
42:21tapi ya nanya berbeda ya caranya berbeda bikin merampokan sendiri yang emang secara spesifik
42:30apa yaitu kayak ada optimization ada kayak deh harus tekan dibalik layar ngebaca dulu semua
42:39dan figure out mana yang perlu di lazyload mana Fetch yang perlu dijelani
42:44Oke app dashboard ini sub3 ini root live live Oke terus url segmen ini domain ini segmen ini
43:00segmen dan ada pola-polanya kayak ada folder khusus yang misalnya square bracket eh apa
43:07titik tiga kali terus nama slug nya terus misalnya ada nama komponen nama file komponen khusus jadi
43:15kepeks dot TSX itu ada ponnya masing-masing ada behavior nya sendiri ini versi 13 udah
43:23react server komponen katanya server komponen belum belum kelar-kelar ya kan ada di itu kan
43:32belum kelar belum stable tapi kan sebetulnya udah apa itu kan nari atau bisa dipakai udah
43:38sudah bisa streaming gitu ada streaming tuh Iya menarik aprotos sudah RSR SC yang default streaming page router masih tradisional JavaScript
43:59intinya sih kalau production bedanya itu ya kalau yang high-stakes udah sebenarnya
44:05pakai pages aja aman kok nggak usah diapa-apain Masnya enggak ada perubahan yang ekstrim ya cuma
44:11kalau mau ngulik baru app router cuma ya jangan di production site yang highstack juga karena banyak banget hal baru sekaligus kayak ada hal baru dari sini dari sana kayak dari berbagai hal
44:27termasuk ini ya tadi pcs tadi ya
44:32wow banyak sekali
44:35tapi detail loh
44:38pakai soalnya pages Iya detail pasti ini dokumentasinya salah satu yang terbaik sih
44:45detail sekali expense routing pattern Oh ini tadi yang para router ya dan bahkan ada kayak misalnya
44:55kalau nggak salah loading atau apalah loading.tsx itu kan kayak under the hood nya dibaliknya udah
45:02dari X suspensi tuh itu memudahkan kita bikin loading view jadi komponen kita bikin komponen
45:09buat loading ada loading.txt loading loading UI streaming paling bawah kanan Oh ya ya gitu lah
45:18pokoknya semua kayak udah dipikir dan disediain ada tamu saya itu positif-negatif ya positifnya
45:24ya maksudnya ini kan emang kebutuhan yang umum udah disediain fasilitasnya fiturnya
45:30cuma negatifnya bingung banyak hal baru yang dipelajarin udah bisa konsumen prater nggak ada
45:37nggak ada yang salah sih nggak ada yang salah sih cuman ya kalau kita berangkat dari apa router yang
45:49sebelumnya itu agak roaming ya agak roaming terlalu banyak soalnya update-nya beda banget karena emang
45:54ini entirely kayak misalnya itu tadi kayak server sama klien itu kan sekarang paradigmanya dan cara
46:03cara ngedefinisinya udah beda terus ya belum kayak streaming kayak suspense itu semua udah
46:10back in yang di-upload tersebut bagus mau saya fasilitasnya banyak tapi semua opinionated karena
46:18mereka yang tawarin dalam berbagai apa ya berbagai sintaks berbagai mereka ada profile ini enggak
46:25sih kayak migrate dari page-page tauter ke operator atau langsung drop in enggak tahu
46:35kalau ini kan 14 2 tadi ya atau 14-14 ini 13 ini 13 tadi Oh masih lagi ya ada improvement yang 14
46:58Oh iya ini kita nggak sampai ya kita naik ke 14 14 2 14 2 ya yang bulan April kemarin
47:08turbopack RC ngomong-ngomong peturang selesai juga sekarang kayaknya kayaknya nggak bisa ya
47:17Iya kayaknya nggak bisa itu 14 2 ya thank you build and production improvement catching improvement
47:25error DX improvement Oh hampir-hampir sama ya perubahannya juga masih sejalur sama 14
47:32satu ya kategorinya maksudnya segera akan 11 major version nggak boleh ada perubahan yang
47:40ekstrim eh 16 CSS bundler baru nah ini penasaran pengen nyoba lightning CSS ini baru juga ya
47:48inovasi baru ini pakai kata turbo pakai kata lightning biar kita secara subliminal merasa ini
47:57Wah ini cepet banget like invest like invest nanti flashnya lightning Nah kalau ada yang lebih cepat daripada extremely fast CSS parser apa kita sebutnya Super fast Very very fast Faster than anyone else Faster than extremely fast
48:19Pake rush lagi. Everything rush at the end.
48:24Semuanya rush, rush, rush, rush.
48:28CSS nano. Ini apa CSS nano ya?
48:31Belum pernah.
48:32Yes build-build aja 17,2 lain ini CSS 4,16 Wow live in the future Oke ini input outputnya out
48:44ini sekaligus di itu ya target browser di di apa di di kompile kompil error
48:53belum ada di npm kok belum ada sih dia sepakai global Mas tadi saya udah coba Oh iya bener
49:05harus install global harusnya juga ya ntar juga sudah pakai kece paket.com juga sadar
49:15tadi ada namanya kita lanjut lagi blazingly face Yes crush itu CSS modul ini apa sih apa aja sih
49:26buat itu ya intinya adalah buat compiling ya kayak posisi itu ya parser parser parser
49:32Oh using the CSS parser and selector create created by mozilla
49:42CSS parsernya yang dibikin sama mozilla servo punya
49:47oke lanjutnya apalagi ini hampir sama ya dia update-nya di versal.com
49:58dia kayaknya prioritasnya adalah improve kompatibilitasnya turbopack
50:04we verify top 300 npm packages used in next.js app bisa di compile dengan turbopack
50:12yaudah punya turbopack turbopack
50:14ya ini angkanya mungkin bisa misleading ya karena 96% dari satu domain doang
50:24Jadi mungkin perubahannya misalkan dari satu detik ke setengah detik itu kan udah 50% kan
50:32Karena cuma satu
50:34Angkanya dramatis
50:36Datanya sedikit, ya angkanya mungkin agak dramatis
50:39Karena yang dicoba hanya di satu website gitu
50:41Nggak dicoba di 10, 100 dan lain-lain
50:44Jadi pasti angkanya wow keren sekali gitu
50:47Padahal nggak begitu berasa misalkan
50:50Terus apa lagi?
50:53Production improvement
50:54oke oke
50:58hai hai
51:03Waggen to share more detil
51:18Hi maioria
51:21ini ya oke saya apa optimize optimize semuanya optimis ya behaviornya juga
51:33casing casingnya banyak amat ya
51:40Iya dia dia sangat sangat kecil dari sini menjadi gini sangat kecik kecik
51:51nah ini
51:55jadi kayak mereka itu kayaknya nyolong start itulah kalau soal apapun yang berkaitan sama
52:06itu udah nonton gue itu react from another dimension
52:18baru tau ternyata si Dana Bromo sudah tidak di meta lagi ya
52:24udah keluar iya
52:25iya baru tau
52:27di blue sky
52:29blue sky
52:31alternatifnya twitter
52:34alternatifnya twitter
52:36yang yang bikin ya Jackdaw ya
52:39udah punya akunnya sih blue sky cuma buat scouting username doang sih cuman yang aktif
52:50biar nggak diambil orang rieken Rio dadar kanaria ini ya kita nggak bisa baca yang ini ya Nah sudah
53:0112 sekarang 14 2 14 2 ini yang arsi berarti yang akan datang ya ini belum temen-temen bisa
53:13kali ya eksperimen ya rieksopor riekspon.com jadi bukan cepet banget kan geraknya tipe
53:22itu udah ya walaupun arsi juga walaupun arsi ya Masa itu beri-beri X-men belas aja lihat
53:29compiler compiler ini masih Irfan tadi ya yang masih Irfan tadi yang komplain nah ini udah di
53:37kejap tidak dikes by default enggak tahu apa akan berpengaruh tapi pasti ada protes lagi
53:46karena Mas saya udah terancur nulis kode mungkin dan nulis dokumentasi kayak ini cash by default
53:51harus gini-gini gini eh berubah lagi jadi kelihatan kalau yang apa ya kalau yang buat yaitu buat
53:58kerjaan production site penggunanya banyak ini kayaknya jangan terlalu cepet kalau pengguna
54:03pengguna banyak jangan langsung upgrade aja ya makanya jangan jangan terlalu ngikutin next.js
54:13yang latest kayaknya deh ya atau kalaupun mau ya berarti harus per apa ya ini juga kita baru
54:19kita baru tahu detailnya banget karena kita baca ini kan jadi ya developernya kudeng luangin
54:26waktu buat keep up to date dengan apapun yang oh yes kerjain berarti ada celah nih ada celah
54:33bikin framework baru seperti next.js tapi lebih stabil nah itu good in theory tapi pasti nanti
54:42susah-susah hehehe jadi next kayaknya terlalu up to date ya Jadi kalau kita mau mengandalkan
54:51si next sebagai platform yang sama aja kalau di dunianya Linux kan 11 Ubuntu satu lagi sentos Oh
55:02ya ah Debian Debian ya Oh ya depan kalau sentos sentos kan lama banget update-nya tuh makanya Iya
55:12mengandalkan stabil nah anjur anjur apa tuh partial free rendering apalagi itu atas dalam
55:25kayaknya tadi udah ada deh
55:28partial previewing
55:29tapi ada konfigurasi baru
55:32new layout and page
55:34config option for incremental adoption
55:36jadi yang app routing ini
55:38banyak banget lah masing-masing
55:40ada kayak config objectnya
55:42jadi itu banyak lah
55:44banyak customization yang
55:45opinionated
55:48lagi-lagi
55:48ini problem apa sih
55:52yang mau disolving sama partial previewing ini
55:54island yaitu struktur ya eh apa coba cari penjelasannya di blok rehydration itu kayaknya
56:05mas ori hanya partial free rendering yaitu mungkin skeleton ya kayak ada ada yang ditanya dynamic
56:13nunggu fetch kan udah tahu tuh karena dia baca semua kan tapi kan ada yang enggak termasuk
56:18kayak skeletonnya yang apa yang kayak loading state nah dia prerender itu kali
56:28tuh kan semua jadi ada konflik-konflik yang dia Oh itu di konflik dengan kirain di page
56:38executing code after a response nah ini baru nih beneran baru lihat sekarang ini
56:51execute code after a response with next after Oh jadi bisa nambah kalau fungsi yang bisa dieksekusi setelah
57:06rendernya selesai Oh ada kayak callback gitu ya Iya kayak ini apa namanya komponen life cycle
57:19cuman itu kan bahwa efek-efek masih efek-efek
57:26komponen
57:34komponen
57:39ditemukan setelah di-render kan itu di chat itu private chat apa partial
57:51prerendering dia udah mengantisipasi pertanyaan macam kita ini
57:56seperti biasa eksperimen
58:04feature blablabla the content of this page nah deh what personal free rendering is how it works jadi
58:11kayak apa ya address addressing pertanyaan kita banget bener kayak itu kan Island Island apa
58:20ada yang static ada yang dynamic nah terus hubungannya partial pre-rendering adalah
58:30you might be able to pre-render oh ya Island ya intinya island ya island once you're ready
58:40review the solution
58:44skeletonnya atau sideburnnya
58:49static
58:50data-datanya dynamic
58:53sebentar, ini di PWA
58:55juga ada kan namanya apa
58:57skeleton?
58:58upsell
58:59shell
59:00itu sama dengan static juga kan sebenarnya
59:07iya, cuma
59:09kalau itu kan
59:10itu kan peternya Iya yang dipewetkan pattern aja kan yang sel-up sel Iya dan Iya bener kalau itu
59:20kan kalau contoh yang simpelnya Hello worldnya memperhatikan l aja kan kalau ini kan semua
59:25komponen tapi komponennya behaviornya lain-lain
59:28setelah
59:34allow you to render around with a static loading shell atik loading
59:44oke oke
59:54sudah kita bisa static terus kemudian dalamnya bisa dynamic Iya Excel nya kita bikin static
1:00:05ini sebenarnya memudahkan kita kalau yang kecewa gitu kan terpisahkan ini bikin sendiri
1:00:11upsellnya terus yang ini harus yang dinamisnya beda-beda lagi kan bisa tapi aja dynamicnya
1:00:17harus di dalamnya mau saya biasanya kan kalau yang standar PWA kan kayak lu selnya itu kayak
1:00:23logo hamburger menu footer tapi dalamnya dynamic kepisah Nah kalau ini bisa tercampur static
1:00:31ada Nah itu Island kalau diastronet dibilangnya Iya kalau diastronet namanya Island Yes kita
1:00:42balik lagi ke sini ya gitu lah udah after next f ada desain baru oke baru Wow keren oke
1:00:52buat dihapus sih sebenernya kita udah bertahun-tahun lihat kotak-kotak yang
1:01:00enam gitu kan oke oke Oh ini dari tanya kalau ada flek kan minus minus Turbo kalau
1:01:09itu juga mau pakai atau enggak atau pakai kalau udah ya udah berarti Yes yang mau nyoba silakan pakai etasi itu bagus tuh ada mp new mp has been added to CLI this will remove extra news files and styles resulting
1:01:32a minimal help page nice penting ini optimize the link of external packages
1:01:40ini ya vendor ya vendor ya vendor di PHP vendor namanya
1:01:49namanya apapun juga itu vendor Iya jauhan Deck in for Pass
1:02:01g- Republican higher
1:02:0619 RC itu breaking
1:02:09breaking remove skus in favor of sharp Oh dia ganti ya enggak pakai skus lagi ya
1:02:19terus kayaknya udah nggak ada sejak lagi
1:02:24ya Jacknya udah udah nggak ngerti lagi sekarang beliau dan
1:02:31memang skus itu bukannya Project open source ya
1:02:36nggak ada yang main-main lagi tapi yang sekarang ya masih tetap Oh masuknya ke Google Chrome ya
1:02:50terus nggak di-maintain orang masuknya ke Google organization ya masa sih masih ada kontributor kok
1:02:59ini kalau Open ya Eh tapi kan udah udah udah nggak masuk API udah nggak masuk ke
1:03:05Males ah mendingan bikin open apa bikin e-commerce aja
1:03:12Nah terus apa error when
1:03:18Buset breakingnya banyak amat nih 15
1:03:20Iya
1:03:21Iya namanya itu
1:03:24Remove one family hashing
1:03:26Catching force dynamic
1:03:28Will now set no store default to face case
1:03:31enable swc minify swc-nya apa itu itunya next.js apa sistem komponen server web component asasi
1:03:48ini di-review sekitar 10 11 kompile semacam compiler gitu hari ya SWC GS SWC yang pakai
1:03:59goleng yang pakai ras lagi-lagi semua rasa peguh ya antara itulah ya ini
1:04:07bedanya SWC sama Turbo pack apa ini bukannya bandler juga ya
1:04:13nah itu mau sekapan turbonya jalan kepenes wc-nya jalan bius both compilation and bundling Oh ini
1:04:22buat itu pengganti bubble bener gak buble buble Oh iya kita pernah bahas ini kita pernah bahas
1:04:30Oh benar-benar benar-benar
1:04:32Bubli
1:04:33Oke oke
1:04:40Ya ya ya
1:04:41Oke lanjut lanjut
1:04:42Benar-benar rush rush rush
1:04:46Semua rush ya
1:04:47Sampai ada bahasa yang lebih kencang daripada rush
1:04:50Terpindah lagi
1:04:52Ya itu semua ponen jadi
1:04:56Default behavior
1:04:58behavior metadata and pop-up ya paralel Oke ini udah sampai next 15 kita udah selesai masih
1:05:17jadi apa next next aja fastcrib next.js
1:05:21Oh iya baru sadar kenapa dia cepet terus selalu pakai yang paling baru namanya aja next
1:05:28kalau orang komplain dijawab ya ayo pakai metaframework namanya next what do you expect
1:05:33oh berarti kita harus bikin framework namanya previous
1:05:37previous.js
1:05:39previous previous makanya apa yang udah ditinggalin gitu yang lama Iya jadi kita selalu forking versi Next yang stabil
1:05:52Ini 14 kan, Prev.js nya 13, Next.js 13
1:06:00Atau tiap deprecated justru kita bikin
1:06:05Polyfill, polyfill untuk sesuatu yang di deprecated sama Next.js
1:06:10polifil nah tadi dokumen-komen bagus tuh soal tenstek Iya banyak diatas ya banyak
1:06:21ya Nah ini ada pertanyaan bagus dari Abdul Malik apakah library kayak tenstek query
1:06:27masih diperlukan kalau buat next.js up router ini jadi agak flash deh bingung juga sih soalnya
1:06:33jadi kalau di next itu pakai state manajemennya pakai apa?
1:06:42udah di server aja langsung?
1:06:45nah state manajemen itu kan luas banget ya
1:06:47kalau kita pakai perspektifnya kayak zaman Redux tuh
1:06:51dari data fetching sampai yang UI state juga semua kayak disimpan di state manajemen
1:06:57nah masalahnya, masalah dalam tanda kutip ya
1:07:00masalahnya ini kalau soal apa sih fetching data fetching data sama kayak caching sama
1:07:07apa di duplicate compare compare gitu itu udah di handle sama next.js tapi kan maksudnya yang
1:07:15UI state ya nggak di handle juga sama next.js jadi itu tetap dibalikin ke masing-masing sih
1:07:21dan jujur belum pernah punya pengalaman yang pegang major site yang harus nentuin kayak gitu
1:07:28kalau mau pakai mau pakai sih bisa-bisa aja cuma kan yaitu concernnya buat kecing data
1:07:36jadi kalau mau belajar
1:07:42tapi bener-bener di hydrate jadi pas server
1:07:52pakai face biasa pas client-side baru pakai recreate query
1:07:55handle buat di client-side nya
1:07:58client-side nya aja
1:07:5910 stack query nya hanya untuk di client-side
1:08:02yang di server-side nya enggak
1:08:04gitu ya
1:08:05nah sama ini pasti agar
1:08:07kalau sebelumnya pakai buat semua
1:08:10server dan client sekarang kan harus dipindah-pindah
1:08:12ke tempat yang atasnya
1:08:14sekarang atasnya semua kan harus ada
1:08:16use client tuh yang client only
1:08:18nah itu agak
1:08:20PR nya sesuai dengan patternnya maksudnya pindah-pindahin file-nya ke folder ya folder
1:08:27yang klien atau nambahin use-client user or use-client sama itu nggak nyediakan code mode ya
1:08:35nggak ada nggak ada segitu itu kali ya iya iya iya oke oke kenapa next.js memaksa menambahkan
1:08:45versi react kanari pada haneces versi stabil karena mau pakai fitur-fitur jauhnya itu ya
1:08:53itu kemungkinan kan tadi dia mau pakai yang react server komponen rsc sama apa tadi ten
1:09:00ten API belum ada di stable biar mereka lebih dulu bisa dapet ya karena namanya next ya bisa
1:09:11API yang belum masuk
1:09:14Di stable
1:09:15Kompetisi framework itu berat
1:09:17Jadi harus yang paling depan
1:09:19Terdepan
1:09:20Harus paling update gitu ya
1:09:23Kita gak tau alasan utamanya apa
1:09:26Tapi ada kemungkinan
1:09:28Itu ya mereka pengen duluan
1:09:30Satu, yang kedua emang mereka butuh
1:09:32Yang ketiga
1:09:33Karena memang ada kontributor-kontributor
1:09:36Yang ada di NECS
1:09:37Jadi mereka udah tau lah kira-kira
1:09:38ini bakal dirilis kok udah pasti bakal dirilis cuman masih RC atau masih experimental
1:09:44iya jadi mereka langsung adaptasi aja biar nanti ketika rilis mereka udah duluan
1:09:51dan itu kayaknya positioningnya mereka deh
1:09:54emang maksudnya mereka memposisikan diri sebagai framework yang pakai fitur terbaru
1:09:59ya maksudnya kayak API terbaru di React sendiri itu kan semua ada manfaatnya
1:10:05maksudnya itu hal yang positif ya kenapa ada RIT
1:10:08Kenapa ada TNAPI?
1:10:10Ya walaupun Mose belum stabil, masih bisa berubah-ubah,
1:10:12tapi kan ada kayak value-nya, benefit-nya.
1:10:16Nah Next.js itu ya kayak positioning aja bahwa mereka framework yang manfaat.
1:10:21Core value-nya Next.js deh.
1:10:23Core value-nya Next.js itu cepat update-nya.
1:10:29Nah ini ada pertanyaan yang mungkin...
1:10:32Mungkin sama remix kali ya.
1:10:33saya cara oleh karena mereka approach react ekosistem tuh kayak gitu juga atau justru
1:10:40sebaliknya atau mirip-mirip atau gimana Oke ini ada pertanyaan tentang set manajemen mungkin
1:10:46enggak terlalu berhubungan sama next.js tapi eh ada ada insight enggak state manajemen sekarang
1:10:53yang dipakai apa selain redux kalau dulu kan redux ya kalau sekarang banyak masalah
1:10:58ini untuk next.js atau untuk di kalau untuk dia kan nggak kalau ditulis use context saya curiga
1:11:07pakai riet buat riet Apakah di next umum menggunakan use context yang umum aja kan
1:11:15maksudnya si next sendiri sudah bawa punya kita sendiri kita milih ada stand ya standar
1:11:28susten terus ada jotai jotai jotai ya ada ekstase rezeki datang lo kalau
1:11:36jatai lebih mudah kalau simple kalau cuma 12 komponen yang perlu step
1:11:50gimana you status konteks aja Iya nggak perlu apa apa sih yang lebih ini kalau emang udah solving
1:11:59problem ya udah pakai itu aja kalau udah kalau yang perlu kalau yang you aja konteks ya perlu
1:12:04sih kalau sustan belum sampai pakai cuma pengen pakai karena apa alasannya nggak logis banget
1:12:11karena landing page bagus sustan kalau kalau untuk di server site apa relevan pakai state
1:12:18ini udah dijawab sama November
1:12:20iya
1:12:23state management itu cuma ada di react artinya di client side
1:12:26kan ya
1:12:27dan fokusnya ya UI jadi
1:12:30kemisi sustan, xstate atau apa
1:12:32buat kalau yang
1:12:33UI nya ribet
1:12:35eh kalau dulu kan
1:12:37waktu jaman
1:12:38kalau dulu
1:12:42jaman nya apa
1:12:42graph.ql sedang berjaya kan pakai
1:12:45apollo kan
1:12:47sebagai state management juga bisa kan ya
1:12:49oh iya ya
1:12:51apolo klien
1:12:53apolo klien
1:12:54terus apa lagi ya
1:12:56ada pertanyaan apa lagi
1:12:57nah ini tadi
1:13:00permasalahan yang sama dihadapi mas Ipan juga ya
1:13:03soal catching ya
1:13:05udah tercatch otomatis
1:13:07jadi mereka
1:13:07besok bakal diubah lagi
1:13:09iya catch itu
1:13:12double edge sword katanya
1:13:14pedang bermata dua
1:13:16membantu tapi bikin pusing kalau udah di-publish nggak sih udah di-push kalau misalnya user kita
1:13:25dapat data yang style itu kan sulit kontrolnya Oke ini ada yang bisa jawab pakai next 14 pasaran
1:13:35ada tulisan kayak webfail cache
1:13:3714
1:13:39wah
1:13:42nggak tau
1:13:43coba tanya
1:13:45apakah
1:13:46mungkin harddisknya penuh
1:13:50jadi nggak bisa ke cache
1:13:52nggak tau juga
1:13:55itu banyak faktor ya
1:13:57jadi kita nggak bisa jawab ya
1:13:58izin out of topic
1:14:00kalau sekarang bundling web bisa pakai
1:14:03flutter
1:14:03Apa ini lebih better dari next
1:14:06Building web
1:14:07Untuk web
1:14:11Flutter untuk web
1:14:14Masih suram katanya
1:14:17Terakhir kita tanya
1:14:19Sama yang jagoan flutter
1:14:22Enrico
1:14:22Enrico
1:14:25Dia kan cuma bisa flutter Jadi dia bikin webnya pake Flutter dan itu bundlingnya gede banget dia juga masih pakai canvas karena dia nggak bisa HTML CSS jadi dia pakai flutter terpaksa
1:14:40karena nggak bisa bahasa lain katanya nggak bisa HTML CSS JavaScript
1:14:45multiple target ya minimal cuma mau saya kalau optimization yang web yang pure web kayak apa
1:14:52itu tadi yang client-side JS nya di pecah-pecah loadingnya sedikit-sedikit itu kayak nggak nggak
1:14:59mikir Emang nggak mengutamakan itu sih soal web performance kalau ya kalau hanya sepeda
1:15:07internal internal application yang dipakai enggak aja di dalam localnet silahkan sih sebenarnya tapi
1:15:17kalau sudah online terlalu besar ininya terbesar terlalu besar bandel-bandel ingnya ya ini ini
1:15:26yang pernah ditunjukin ya sama eriko waktu kita ketemu di Bogor ya itu dia bilang ini dipakai
1:15:33per web ini berapa gede ini atau berapa kecil itu sudah 11,4 Mega 11,4 Mega cuma apa itu
1:15:45kan marketing landing page doang kan coba landing page doang bukan aplikasi ya bukan aplikasi
1:15:50canvaskit pakai wasm lagi dan ini kalau misalnya di konsol ke page-nya itu canvas isinya canvas ya
1:16:02ini element body bukan untuk latar view-latar view-latar view-latar view ya Nah itu kanvastu
1:16:14Oh ini ya terblas pen-show Shadow Dom Shadow root
1:16:21mana-mana kanvasnya ini sudah udah-udah dengan fast container
1:16:30Oh jadi seluruhnya itu satu bukan fast ya itu itu
1:16:37ada SEO-an ya cara itu salah satu ciri khasnya Flutter karena di mobile juga seperti ini mereka
1:16:46jadi mereka nge-pain satu persatu komponennya sama eh perlakuannya sama dengan web juga
1:16:52aksesibilitas gimana kelukan pas ya ya Emang bukan didesain buat game kali ya buat game cocok ya buat
1:17:03game gitu ya kembali lagi kalau misalnya kayak internal application yang kayak banyak button-button
1:17:09kau tahu nggak ya ah anggap aja wii squeeze for W atau misalnya gitu tau nggak sih kayak misalnya
1:17:17di bandara kita setelah keluar dari toilet Apakah senang atau tidak menyenangkan atau
1:17:25itu cocok pakai gituan jadi mau pakai mobile mau jadi web cocok sama aja ya
1:17:33oke lanjut tadi di artikel next 14 kira-kira next.js sudah bisa diplo untuk company belum ya
1:17:41kalau tadi kan karena menggunakan turbopack bilang no untuk production kan next.js bisa pakai turbopack
1:17:47atau enggak jadi kalau yang belum no untuk production jangan pakai turbopack pakai webpack
1:17:51atau pakai masih open kok bisa ngasih nextpages pakai pite
1:17:58bisa-bisa lihat kalau iseng menyobai
1:18:06eksisibilitas gimana ya nggak ada kabar PPR apa sini tadi para o paralel bagus nih ada koreksi
1:18:22Oh bedanya dengan Island architecture yang kita tahu komentarnya rehan-rehan somewhere di atas
1:18:33ini more than Island wish jadi yang statiknya itu dikirim dari server udah HTML nah ya beneran mirip
1:18:46SSG Shell
1:18:48PPR ini yang statiknya tuh pribadi yang statiknya kayak udah temen oh iya dia memudahkan kita gak perlu bikin app shell di service worker
1:19:01dan lain-lain kan
1:19:02jadi udah jadi satu di app itu aja
1:19:04jadi memudahkan gitu
1:19:05dikerjainya di server
1:19:08dikirim udah HTML
1:19:09jadi kan itu buat performance
1:19:10sudah pre-render
1:19:13dan mengurangi kerjaan
1:19:17main track tuh sekarang apa
1:19:18core web vital apa itu INP atau apa yang baru ya itu punya punya itu pasti improve tapi nasibnya
1:19:27gimana kata Mas dipakai masipan itunya bandel sesia next masih cukup gede dia ujung-ujungnya
1:19:36ini juga udah ujung-ujungnya INP juga efek-efek sebenarnya tapi kan tak ngurangin kerjaan parsing
1:19:47buat sih UI komponennya lah minimal apa sih DC time apa sih yang bisa itu yang nggak boleh yang
1:19:54microtasnya harus ya itulah punya microtasnya kan harus sedikit-sedikit gitu nggak boleh yang terlalu
1:20:00banyak terlalu lama Nah itu kan ngurangin satu pertama yang dirender selnya Yes walaupun secara
1:20:09tetap sama ya Hah kalau nescafe ngapain ini server 22 nya loh Laravel jangan server-server
1:20:19overkill pakai riad aja Pak Ria yang macem-macem udah pakai inertia atau apalah itu udah banyak
1:20:29dari pihak Laravel nya juga kayaknya bikin deh mirip kayak gitu cuma nggak tahu nggak
1:20:38inget namanya kalau kita pengen pakai UI framework modern dengan sistem fullstack Laravel itu udah
1:20:46kayak Ivan tadi aja manggil-manggil notenya ya di HP
1:20:55bentar ngapain punya PHP karena yjs-nya hanya ada rilis aja untuk
1:21:07javascript jadi harus di jalan di server ya apa boleh itu aja apa komen komen lan apa kalau PHP
1:21:21kan bisa kan manggil komen lan manggil perintah terminal Oke sel-sel sel-sel sel-sel sel-sel
1:21:31npm create next.app ngapain coba aja cari PHP PHP VHS ada kok itu kan extension lama tapi jangan
1:21:42jangan next.js juga digabungin sama Laravel overkill Iya sih kalau mau jalanin JavaScript
1:21:49itu bisa tuh ininya reponya tuh udah lama banget tapi tadi ini sudah lima tahun lalu terakhir di
1:22:02update terakhir di update 4 bulan yang lalu Oh itu juga paling ini bulan Vietjapan ini
1:22:10PSP ini juga update itu ya depan the bot depan the bot up depan the bot
1:22:15apa enggak berat ini jalaninnya berat kan hanya untuk kebutuhan khusus kan bukan untuk sesuatu
1:22:27yang digunakan suatu yang habis praktis ya sehari-hari istilahnya kebutuhan khusus memang
1:22:38Hai bisanya harus pakai gitu solusinya apa boleh buat gua juga enggak suka
1:22:43ada livewire kalau di Laravel Oh kalau livewire tuh agak berhati-hati
1:22:54itu official apa yang bikin Masnya resmi dari Laravel nya cuma yang enggak pakai
1:23:06dia react enggak pakai view jadi dia pakai bahasa sendiri ya ininya yang seperti seperti jazzx atau seperti Swift uaya model gitu ya itu punya tiba daetnya ada apa ya punya sintaksnya dia sendiri lah cuma mau saya dynamic dan modern
1:23:25itu apa mindsetnya udah dynamic UI Nah kalau mau bikin next next.php bisa nih jadi jalanin
1:23:33javascriptnya reactnya pakai VHS nanti di kliennya tetap jalanin react bisa
1:23:44mungkin maksudnya watasi ini mungkin ya mungkin ini interpretasi sendiri mungkin maksudnya gimana
1:23:57makanya react render server render tapi menggunakan PHP atau Laravel kalau misalkan kita pakai Laravel
1:24:06sebagai API terus di kliennya pakai ria kan dia enggak server render kan Iya jadi pakai Indonesia
1:24:12jawabannya ya bukan jalanin di kliennya dari sisi server tetap PHP jalanin dirinya di klien
1:24:22bisa kan nggak masalah ya bisa-bisa ngomong seperti next setep aja Iya jangan pakai itu
1:24:29overkill namanya yang ngatur routing dan apa ya kayak middleware atau cookies atau apa kan
1:24:35harus satu harus satu orang nih harus satu tempat nah perkara yuk airnya pakai apa sih ya boleh
1:24:41aja ditambahin nih bener kan maksudnya pakai itu tadi apa inersia ya inertia GS saya juga belum
1:24:54nyoba tapi tahu-tahu aja apa cuman tahu sekedar tahu doang ini yang biasa dipakai di Google
1:25:01asal-asal yuskes yang garumet rumit amat ya Jadi intinya ini cuma kayak adaptor sih kayak adaptor
1:25:11yang hubungin dunia client-side UI sama beres of the Laravel sistem sisanya jadi kayak apapun lah
1:25:19kayak misalnya middleware jadi headless ya ya semacamnya gitu routingnya tetap pakai Laravel
1:25:28sama ada kayak library nya lah buat Nah itu buat jadi penengah-penengah ya middleware
1:25:35middleware untuk UI UI komponen untuk UI komponennya mas standar udah mau pakai
1:25:43react mau pakai suel mau pakai view ya kayak react ya headless jatohnya
1:25:49modern monolitik jadinya mudah-mudahan monolitik the modern monolith inersi ini membingungkan
1:26:00gasi bikin ribet gasi moment mau PHP maintain PHP aja gitu kalau momenten javascript apa
1:26:08kalau kita mau
1:26:12UI nya dinamis gitu kalau perkara bingung mah kayaknya malah lebih bingung next.js sih kalau
1:26:19gue cuma kalau bingung-bingung itu kan subjektif kalau ini beneran client-side UI udah itu aja jadi
1:26:25use case nya adalah kalau pakai Laravel kan by default pakai blade ya sebelum ada liveware
1:26:30itu kan males ya kalau buat UI dynamic yang misalnya formnya ada step 1 step 2 step 3 open
1:26:38kalau stogle poinnya kalau yang yukainya banyak interaksi gitu ya bisa pakai Vanilla JavaScript
1:26:44cuma kan males ya orang-orang pengen pakai actual view Nah ya udah gitu oke nah dan Indonesia jaya
1:26:54sini dia agnostik yang mau pakai view mau pakai ya ya Oh ya community jadi yang dia official
1:27:04disediain react sama view atau apalah punya ada ada juga tadi ada juga tadi ya ada itu
1:27:11dibuka buat itu buat adapter semacam adaptor baru
1:27:21nah ini menarik juga nih kebanyakan developer PHP sering menggunakan blade blade komponen
1:27:32hanya ke lah wire justru
1:27:34tapi kalau orang frontend mungkin dia akan mencari
1:27:36orang javascript ya pengen pake react ya
1:27:40Hai dari apa UI UI framework atau library yang seperti react yang sudah dimanjakan dengan react
1:27:46dan view dan temen-temennya itu lebih memilih ke pakai inersia mungkin ya pernah nyari ada
1:27:54adonis.js buat aplikasi monolith tapi belum sempat pelajari ya adonis.js ini adalah salah
1:27:58ya terinspirasi dari Laravel tapi no jay-z
1:28:10mirip semuanya ada ini adonis tuh pakai Ace make sama kayaknya lebih ke
1:28:23Facebook back-end application ya walaupun dia kayak meteor-meteor juga kan meteor-meteor
1:28:30gorevel lagi ada juga gorevel goreng tapi kerafer ada loh gorevel ini
1:28:42goreng-goreng ya goreng-goreng
1:28:48ada tuh goreng enggak ini belajar-belajar ini oke kita bikin rastafel
1:29:05warnanya itu ya merah kuning hijau ya
1:29:11yo man
1:29:15taglinnya yo man yo yo
1:29:24Rastafel
1:29:30Adonis
1:29:34Developer Rastafel yang mau coba teknologi lain
1:29:39Tapi gak mau ninggalin PHP
1:29:40Denovel
1:29:41Rastafel
1:29:49Rastafel
1:29:52Tapi tulisannya jadi Rasta
1:29:54Rasta kita punya semua betul sih enggak salah sih banyak yang terinspirasi dari Laravel ya
1:30:07sebenarnya dia bir untuk o simfoni sih sebenarnya tapi ya banyak ya sekarang sudah banyak tambahan
1:30:16jauh ekosistemnya dia bikin bagus
1:30:18itu bisa tuh wasmnya buat nge-load PHP kan waktu itu Iwan udah pernah ngasih contoh tuh server
1:30:36teknikalnya bisa cuma siapa yang siapa yang terlalu selalu buat bikin aja ini kan larafel
1:30:51itu terinspirasi dari Ruby on Rails kan ya Terus sekarang banyak yang menginspirasi si
1:30:59terinspirasi dari Laravel ya jadi segala-segala dikasih turut ruby on real
1:31:08sempet from Zen framework framework belakangan ini lagi hangat realsweep
1:31:19heykalender yang lemot karena aku enggak mau pakai front-end kenapa jadi lambat
1:31:25tapi harusnya kalau vanila kan jadi lebih cepet
1:31:28apalagi dia pakai dia pakai itu hotwire hotwire itu kayak live wire nya Laravel
1:31:35jadi kayaknya sih ada ada ada apa ya ada kurang di sisi arsitekturnya sih jadi kayak misalkan kalau diklik dua kali itu masih bisa jadi nggak di prevent gitu
1:31:52itu masalah developernya dong sebenarnya bukan masalah teknologi yang dipakai kan
1:31:56ya jadi kan itu kan dia koneksinya pakai web socket web socketnya kebuka terus kan
1:32:02dan semakin banyak semakin besar loadingnya semakin kan hei itu kan kalender ya kalender
1:32:10ada event semakin banyak eventnya semakin banyak web socketnya dan mungkin web socketnya enggak
1:32:14di-recycle atau enggak dimati-matiin gitu jadi itu terus gitu ya jadi ngestream terus
1:32:21nah berarti kalau pakai teknologi yang powerful gitu harus siap beneran ya harus siap dengan
1:32:29konsekuensi nya yang selama ini sebelum pakai teknologi canggih itu kan Iya susah lo memain
1:32:38ten micro-sqc server susah betul-betul itu karena lagi sopan open-cable live itu lo kan
1:32:46streaming terus tuh jadi dan itu yang membuatnya susah betul itu yang membuat katanya ya kabarnya
1:32:55itu yang membuat si perusahaan yang di yang bikin hey kalender itu atau hey
1:33:01inbox itu mereka pindahkan mereka pindah dari Cloud ke on-premise karena mereka
1:33:10merasa terlalu mahal ya jalan terus karena itu juga jalan terus soket kan Iya kebuka terus
1:33:19slime framework masih masih pakai opoike ada itu itu enggak asik apa enggak asyik
1:33:36enggak asyik ya ada itu Mas Mas kalau misalnya mau tahu Jifre moh tanya Mas Peter Oh ya
1:33:45ya komputer tuh Masternya aja slim-slim framework itu apa slim-slim ini atau udah
1:33:54enggak udah lama banget dia bahkan sebelum juga lah Laravel yang slimnya apa sebelumnya
1:34:00ada-ada ada ada ada ada ada ada versi-versi kecil versus lupa apa ya namanya larafel light
1:34:12teman-teman pasti tahu lumen lumen lumen lumen lumen
1:34:19jadi udah selimut itu ada sebelum men jadi jauh sebelum Oh minimal framework
1:34:33yang kayak Express gitu-gitu ya di ya hanya untuk jadi resep ya ya ya ya
1:34:41lagi eh apalagi Oke Zen tadi ngomongin ngomongin websocket kan Nah teman-teman kalau mau ada apa
1:34:55ada ide buat topik ya silahkan ke ngobrolin ngobrolin kan kesana.in slash ngobrolin ada
1:35:05masih yang buat tuh masih depan mana masih depan Terima kasih kita udah pakai Iya kita pakai kesana
1:35:10jadi nanti arah mengarah ke sini itu buat diskusi bukan cuman topik tapi kalau teman-teman punya
1:35:17masalah kayak kayak tadi tuh ada yang apa cashnya error tuh nah mungkin bisa dijelasin di sini lebih
1:35:25lanjut gimana cara reproducenya mungkin bisa kasih reponya buat kita coba siapa tahu ada yang
1:35:30mencoba kan bisa disini kita ya taking kita jadi saya bisa dapat motif bukan cuman bukan cuman
1:35:37saran topik ya kalau pertanyaannya udah banyak nanti kita bahas lagi di saat satu episode khusus kita bahas disini pertanyaan yang mungkin tidak ada kategori khusus gitu jadi kita bisa bahas di satu episode khusus
1:35:55oke oke oke
1:35:58sip
1:35:58sip kalau gitu
1:36:00mungkin untuk malam ini udahan dulu
1:36:03untuk bahasan next.js nya cukup menarik
1:36:08sekaligus banyak insight
1:36:10dan banyak ide untuk framework
1:36:12masuk akal maupun gak masuk akal
1:36:16iya
1:36:17tapi jadi penasaran ya
1:36:20jadi penasaran kira-kira
1:36:22ya mungkin jawabannya
1:36:24saya gak tau jawabannya apakah jawabannya
1:36:26remix atau bukan kira-kira ada gak sih framework
1:36:28yang
1:36:29diatasnya react tapi lebih stabil
1:36:32daripada next karena kan permasalahannya
1:36:34di next kan teman-teman disini udah pada
1:36:35ini kan kok dia ngambil yang
1:36:37experimental masuk ke ini gitu kan
1:36:39yang lebih stabil ada gak ya
1:36:42alternatifnya ya pakai next.js yang sebelum terakhir aja Iya itu bisa itu bisa cuman kan
1:36:49kita tuh developer tuh gatel kan kalau ada update gitu kan kayaknya pengen itu masalah developer bukan masalah choice of framework
1:36:57sebetulnya misalnya stay di next.js 12 pakai pages router ya udah kan nggak affected dengan semua ini
1:37:05ini bagus nih ini bahas res kondisi bagus kemarin sama Laravel libut udah lihat belum belum apa yang
1:37:19diributkan kalau Astro atau Gatsby Gatsby udah mati suri udah jarang yang pakai kalau Astro
1:37:27kalau Astro Iya bukan Iya kalau kalau Astro itu kan dia terbuka untuk semua framework kan
1:37:38dan ujung-ujungnya kita diarahkan ke bikin komponen Astro kan bukan komponen riekan
1:37:43ujung-ujungnya hono Wah menarik nih bisa rie bisa JSX ya kalau salah ya
1:37:50Gatsby berat banget
1:37:54Apollo
1:37:56Apollo ini bukan GraphQL
1:37:58Apollo Client
1:38:01Apollo Client dan Apollo Server juga ada sih
1:38:04Tapi kan buat GraphQL kan ya
1:38:06Hono kali ya
1:38:09Hono menarik ya
1:38:10Hono nih bahas Hono
1:38:12Boleh boleh boleh
1:38:14Kita tulis ya
1:38:16Ultra Fast Web Application Framework
1:38:18framework ya bahasono tuh banyak yang minta ono ya ternyata ya for no 4 nanti kalau update stabil
1:38:29stabil dibahas Insyaallah mudah-mudahan ya ya seru juga bagus tuh kita udah sempet bahas bukunya
1:38:38tapi ya yang yang bikin bukunya Mas Adam watan kita bahas beberapa episode yang lalu tapi telwin
1:38:45belum kita bahas kalau pria itu on top of juga enggak enggak pria itu adalah cuma yang lebih
1:38:53ringan ya Oh ini ide bagus lagi jadi Plex sebelum masih tetap oke remix mungkin ya bisa jadi remis
1:39:12jadi spell kit beda bukan reeks perkit spelt ya
1:39:17enggak head to head sama juga dengan astro astro juga Iya dia bisa pakai
1:39:24react tapi bisa pakai framework lain juga mungkin quick juga mirip react tapi
1:39:30bukan dia enggak kayak gitu
1:39:33prenext dengan yang mereka para obat-obat apa prenext Oh Elisia JS menarik Elisia JS ini bun
1:39:45ya kecil kayak Lucia huno apalagi elder jesik masih hidup gak sih elder jst sebelum eranya
1:40:21Oh ribut soal scaling terus ya biasalah namanya juga rebutan lahan ya gimana kan
1:40:40Open source Open source maintainer tuh kayak preman ya kalau dari datang ada Pak ada Pak
1:40:49ada Pak nggak sih kayak seniman gitu kayak kayak skena-skenaan gitu kayak orang-orang
1:40:55Iya kayak kalau masalah yang major kan enggak ada masalah ya masalah kayak gitu-gitu doang
1:41:01cuma rame-rame pada rame-rame terus nanti lupa lagi terus nanti ada yang ada yang heboh ada
1:41:07bikin heboh-heboh baru lagi urusan lain itu mereka ramainya cuman di sosial media kalau ketemu mah
1:41:13rangkul-rangkul and ah kita aja yang ngelihatnya Wah ini ribut apa segala macam enggak aslinya
1:41:21enggak aslinya mahasiswa sosial kerjaan juga kali ketemu malu gitu introvert lah aslinya
1:41:29manti sosial diam-diam aja iya duduk aja dan siapa remix yang suka cari ribut itu lagi enteng
1:41:36Iya.
1:41:38Oh enggak, kemarin juga dia cari masalah tuh.
1:41:41Oh yaudah berarti emang hobi.
1:41:43Emang passion.
1:41:45Bukan hobi, apa ya?
1:41:46Cara marketingnya seperti itu.
1:41:50Cari keributan.
1:41:51Biar enggak perlu bayar iklan.
1:41:54Jadi dia nyari ribut aja.
1:41:58Member JS masih ada.
1:42:01Kayaknya suram ya.
1:42:03Member malas sih.
1:42:05Masih, tapi ya.
1:42:06suram masih cuma enggak ada user baru timain tenaja ngadainya dianggular ya hari ini rekod
1:42:20yang sebut garin sebut Jack Query luar ini ya bete kowe kowe atau itu hitung ekspresi dulu
1:42:27inget bukan-bukan koa itu next versi dari Express jadi eksperimentalnya itu namanya
1:42:36koa kalau udah masuk stabil dia ke Express Oh menternya sama
1:42:41kipu sama iya
1:42:45itu cuma buat nari gitu
1:42:47eksperimen aja
1:42:48eksperimen aja
1:42:50Kepo sama Hono
1:42:53iya sama, kayaknya menarik ya
1:42:54kita bahas Hono ya, atau
1:42:56framework-framework kecil gitu ya
1:42:58Hono ada Fastify
1:43:00apa lagi, Elysia JS
1:43:03Micro Framework
1:43:04Micro Framework, ya
1:43:06minimalis
1:43:07oke, kalau gitu
1:43:11kita sudah terlalu
1:43:14melebar kemana-mana, terima kasih banyak
1:43:16buat semuanya, buat inspirasi malam hari ini
1:43:18kita sangat terhibur
1:43:19dengan penamaan-penamaan yang ajaib
1:43:21kita jumpa lagi minggu depan dengan topik yang berbeda
1:43:24jangan lupa
1:43:25Rastafir
1:43:25Rastafir
1:43:30freshnya Denno juga termasuk
1:43:35jadi mudah-mudahan kita bisa bahas
1:43:39sedikit-sedikit siapa tau bisa
1:43:41dapat insight juga
1:43:43untuk malam ini terima kasih banyak
1:43:45kita ketemu lagi minggu depan
1:43:47selamat malam, selamat istirahat, bye bye
Suka episode ini?
Langganan untuk update episode terbaru setiap Selasa malam!
Episode Terkait
20 Agu 2024
Ngobrolin Astro - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...
4 Jun 2025
Ngobrolin Astro - Ngobrolin WEB
🗣️🕸️ Selasa malam waktunya #NgobrolinWEB! Malam ini kita kembali akan membahas Astro, fokusnya di sisi server. Masih b...
11 Jun 2024
Ngobrolin WebSocket - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...