EP 85

Ngobrolin NextJS - Ngobrolin WEB

Bagikan:

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 Koreksi

Episode 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.
Transkrip Bantu Koreksi

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!

Langganan Sekarang

Episode Terkait

Ngobrolin Astro - Ngobrolin WEB
EP 93

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. ...

Ngobrolin Astro - Ngobrolin WEB
EP 131

4 Jun 2025

Ngobrolin Astro - Ngobrolin WEB

🗣️🕸️ Selasa malam waktunya #NgobrolinWEB! Malam ini kita kembali akan membahas Astro, fokusnya di sisi server. Masih b...

Ngobrolin WebSocket - Ngobrolin WEB
EP 86

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. ...

Komentar