wah keren mas lg kesusahan tentang middleware eh ternyata cuma kaya gini aja konsepnya saya coba coba di project saya ketika ada user dan token maka biarkan, ketika !user dan !token maka ke /login GG MAKASIH MAS
bang bang, bikinin tutorial next js yg pake strapi, tapi bisa implement payment gateway dong, kayanya seru tuh, btw bisa ga bang nextjs pake strapi, terus dipakein payment gateway ? mohon infonya bang
ts maupun js itu gak harus buat team atau personal bisa buat keduanya. typescript itu superset dari javascript. jadi ts pakai code dari javascript juga. Typescript memberikan kejelasan yang kuat/explicit buat data,function dll dalam development. jadi bisa minimalisir phase testing juga dan menghindari ambigu mengenai variable,tipe data, returntype dll nya. sewaktu developmentnya dan membantu meminimalisir BUG jg contoh sangat pemulanya : function fn1(a){return a} pasti return func nya any di javascript (bisa input value sesuka hati) padahal misal kita mau bikin function yang nilai baliknya itu number/integer , sedangkan kalau typescript function fn1(a : number){return a}
bang mau tanya kalau untuk bikin protected route / autentikasi pakai next middleware bisa ga? dan itu best practice ga? ada juga yang gw baca pake next auth, request tutorialnya bang best practice untuk bikin protected route, terima kasih.
27:44 coba console.log nya di taruh di luar block if else bang, saya rasa bakalan tetap di jalankan, hanya saja ketika middleware nya ngg ada statement/expression apapun sebagai contoh console.log tadi middleware nya bakalan tetap berjalan di setiap request di servernya, kalo tidak kita buatkan confignya untuk route tertentu, untuk di block if elsenya itu console.lognya hanya berjalan ketika kondisinya terpenuhi(middleware tetap berjalan) , jadi mungkin itu bakalan ngaruh ke cost seperti yang di tiss di menit sebelumnya bang. CMIIW
Jadi menurut saya meskipun pakai conditional statement middleware pada dasarnya tetap di jalankan di setiap request jika tanpa config untuk route tertentu
@@simpingsyndrome iya betul juga sih, secara teknis middleware-nya dieksekusi, cuman statement di dalam kondisi yang if-nya terpenuhi aja. cuman aku terbawa suasana dokumentasi penjelasan next js nya wkwkw. makasih masukannya ya!
Izin bertanya tentang spek laptop HP 14s 2022 (Core i5 1240P 12C 14T, RAM 8 GB upgradeable, Intel Iris Xe Graphic). Pake laptop ini kalo RAM diupgrade jadi 20 GB (4+16) buat kebutuhan ngoding web + android studio + develop 2D game pake engine Godot cukup kan ya? Terima kasih :)
kalo untuk web sih kuat, tapi kalo buat mobile dan game development aku nggak ada pengalaman banyak. apalagi kalo game 3d ya, yang berat biasanya efek kayak pencahayaan, shadow, etc. kalo mau general purpose begitu keknya lebih enak pake PC desktop sih, bisa gonta-ganti komponen seenaknya.
@@mhdnauvalazhar Kalo build PC ga dulu karna masi pindah2 kosan. Fokusnya si emang pengen belajar web dulu, mobile sama game dev cuma buat selingan selain web. Kalo game lebih fokus ke 2D, karena terinsprasi banyak game2 indie di Steam yang bagus (Don't Starve, Stardew Valley, RimWorld dll). Grafis bawaan intel sekarang (iris xe) liat2 benchmarknya si udah lumayan, bahkan bisa main game RDR 2 setting 720p dapet 30fps-an (tergantung prosesor mana yg dipake si). Terima kasih kak jawabannya!
permisi bang. izin req ya bang. saya lagi belajar golang nih. tapi saya bingung cara bikin fullstack menggunakan golang untuk BE dan React untuk FE. kalau berkenan, boleh tolong bikin tutorialnya bang? TERIMA KASIH😇🙏
tergantung library-nya, karena middleware ini jalannya bukan di environment node tapi di edge, jadi ga semua API ada, bisa cek library ini: www.npmjs.com/package/jose?activeTab=readme
Makasih banyak bang ilmunya. Mau tanya di middleware bisa melakukan fetching data ga ya? Misalkan dlm contoh autentikasi, di middleware udah bisa cek ada cookie, tp bisa ga cek validasi cookienya (jwt mungkin) atau fetching ke api auth?
kalo data fetch belom nyoba sih, karena middleware ini jalannya di edge runtime, jadi agak terbatas juga. kalo untuk bikin autentikasi dengan mengandalkan middleware lebih baik pake session-based aja, bisa pake iron-session, ketimbang pake JWT.
bang mo tanya... klo pake nextjs tailwind ini terus buat ui kek multi select, abang suka pake apa bang? susah nyari librari kek kalender, popup, multiselect dsb... ada yg cocok librari react, tapi banyak yg ga support ssr di next, kek syncfusion
@@mhdnauvalazhar untuk yg gk ada node.js nya mas, seperti github pages. Makasih mas info nya. Soalnya yg sebelumnya fitur middleware di disable untuk yg SSG 👍
kalau middleware pakai next Link gimana bang? soalnya udah prefetch duluan. kalau misal kita pindah" page yg sudah difetch gk akan jalan lagi middlewarenya. kalau pakai serversiderendering middlewarenya jalan tiap pindah page.
@@mhdnauvalazhar kalau kita login logout tanpa refresh halaman(next Link) gimana bang pakai midleware? kalau production middlewarenya hanya jalan sebelum cache konten. jadi kalau kita login logout middlewarenya gk jalan jika tiap pagenya sudah dicached. nyari di docs gk ada, tapi kalau cari di stackoverflow nemu jawaban harus set header response.headers.set(`x-middleware-cache`, `no-cache`)
DAGING!!! thanks buat ilmunya,berasa ikut bootcamp
Bang req bahas next authentication dari hulu ke hilir
wah keren mas lg kesusahan tentang middleware eh ternyata cuma kaya gini aja konsepnya saya coba coba di project saya ketika ada user dan token maka biarkan, ketika !user dan !token maka ke /login GG MAKASIH MAS
Yooo mamang nauvalll let's gooo semangat, ah. Aing mendukung makin semangat lagi gw belajarnya
Bang mohon buat tutorial next 13 🙏🏻😅
Keren Bang....
Buat tutorial tetang RxJS bang
Bang, mohon dibuatkan tutorial mengenai bulk update data dari api dong di nextjs
Gokil penjelasannya
bang , mungkin ada pembahasan untuk contoh implementasi middleware buat real projek
nanti ya
bang bang, bikinin tutorial next js yg pake strapi, tapi bisa implement payment gateway dong, kayanya seru tuh,
btw bisa ga bang nextjs pake strapi, terus dipakein payment gateway ?
mohon infonya bang
oke, bisa bro
@@mhdnauvalazhar bikinin bang tutor nya 🙏 saya pengen banget belajar itu, biar serverless gitu bang
Aaaaa yang gw tunggu 🥳
Bang buat tutorial nextjs dengan Chakra ui dong heheh 😍
Keceeee
buat nextjs + prima ngab... plus buat tutor RFC bang
Bang buatin video comprasi antara .ts dan .js beserta kekurangan dan kelebihan 🙏
Kesimpulannya sih .ts itu untuk bekerja secara team bro, kalo .js untuk projek pribadi aja
ts maupun js itu gak harus buat team atau personal bisa buat keduanya. typescript itu superset dari javascript. jadi ts pakai code dari javascript juga. Typescript memberikan kejelasan yang kuat/explicit buat data,function dll dalam development. jadi bisa minimalisir phase testing juga dan menghindari ambigu mengenai variable,tipe data, returntype dll nya. sewaktu developmentnya dan membantu meminimalisir BUG jg
contoh sangat pemulanya :
function fn1(a){return a} pasti return func nya any di javascript (bisa input value sesuka hati) padahal misal kita mau bikin function yang nilai baliknya itu number/integer ,
sedangkan kalau typescript function fn1(a : number){return a}
bang mau tanya kalau untuk bikin protected route / autentikasi pakai next middleware bisa ga? dan itu best practice ga? ada juga yang gw baca pake next auth, request tutorialnya bang best practice untuk bikin protected route, terima kasih.
Thankyo mas
27:44 coba console.log nya di taruh di luar block if else bang, saya rasa bakalan tetap di jalankan, hanya saja ketika middleware nya ngg ada statement/expression apapun sebagai contoh console.log tadi middleware nya bakalan tetap berjalan di setiap request di servernya, kalo tidak kita buatkan confignya untuk route tertentu, untuk di block if elsenya itu console.lognya hanya berjalan ketika kondisinya terpenuhi(middleware tetap berjalan) , jadi mungkin itu bakalan ngaruh ke cost seperti yang di tiss di menit sebelumnya bang. CMIIW
Jadi menurut saya meskipun pakai conditional statement middleware pada dasarnya tetap di jalankan di setiap request jika tanpa config untuk route tertentu
@@simpingsyndrome iya betul juga sih, secara teknis middleware-nya dieksekusi, cuman statement di dalam kondisi yang if-nya terpenuhi aja. cuman aku terbawa suasana dokumentasi penjelasan next js nya wkwkw. makasih masukannya ya!
Wehee mantap come back
akhirnya upload juga lu banh
saya coba tambahkan file middleware.js kaya di video kok error ya ,
makasih bang nauval
Mantap
Izin bertanya tentang spek laptop HP 14s 2022 (Core i5 1240P 12C 14T, RAM 8 GB upgradeable, Intel Iris Xe Graphic). Pake laptop ini kalo RAM diupgrade jadi 20 GB (4+16) buat kebutuhan ngoding web + android studio + develop 2D game pake engine Godot cukup kan ya? Terima kasih :)
kalo untuk web sih kuat, tapi kalo buat mobile dan game development aku nggak ada pengalaman banyak. apalagi kalo game 3d ya, yang berat biasanya efek kayak pencahayaan, shadow, etc. kalo mau general purpose begitu keknya lebih enak pake PC desktop sih, bisa gonta-ganti komponen seenaknya.
@@mhdnauvalazhar Kalo build PC ga dulu karna masi pindah2 kosan. Fokusnya si emang pengen belajar web dulu, mobile sama game dev cuma buat selingan selain web. Kalo game lebih fokus ke 2D, karena terinsprasi banyak game2 indie di Steam yang bagus (Don't Starve, Stardew Valley, RimWorld dll). Grafis bawaan intel sekarang (iris xe) liat2 benchmarknya si udah lumayan, bahkan bisa main game RDR 2 setting 720p dapet 30fps-an (tergantung prosesor mana yg dipake si). Terima kasih kak jawabannya!
Terimakasih Banyak bang udah share ilmunya 🤩
Makasih ilmunya bang 🙏
Bahas middle war di react js bang, plsaseee
permisi bang. izin req ya bang. saya lagi belajar golang nih. tapi saya bingung cara bikin fullstack menggunakan golang untuk BE dan React untuk FE.
kalau berkenan, boleh tolong bikin tutorialnya bang? TERIMA KASIH😇🙏
Bang request crud pake sequlize di next js
di middelware nextjs gk bisa pake verify jwt ya? harus install library lain lagi?
tergantung library-nya, karena middleware ini jalannya bukan di environment node tapi di edge, jadi ga semua API ada, bisa cek library ini: www.npmjs.com/package/jose?activeTab=readme
Makasih bang ilmu nya
Gokilss dibikin beneran tutorialnya wkw
bang ko github nya ga bisa di akses ya?
bangg.... ada solusi ga untuk fetch API di middleware? contoh untuk cek status sebuah data, kalo status X redirect ke page tertentu
Bang konten nextjs13
mantul bang
Bang next 13 bang. Rada bingung ama react suspense ama react server component wkwk
wkwkwk oke
Makasih banyak bang ilmunya.
Mau tanya di middleware bisa melakukan fetching data ga ya? Misalkan dlm contoh autentikasi, di middleware udah bisa cek ada cookie, tp bisa ga cek validasi cookienya (jwt mungkin) atau fetching ke api auth?
kalo data fetch belom nyoba sih, karena middleware ini jalannya di edge runtime, jadi agak terbatas juga. kalo untuk bikin autentikasi dengan mengandalkan middleware lebih baik pake session-based aja, bisa pake iron-session, ketimbang pake JWT.
Terimakasih bg
Mau tanya,, di menit ke 31:18 saya lihat setelah dikasi if statement kenapa middlware di eksekusi dua kali?
Mohon pencerahan
coba aja log pake request.url, kira2 client lagi request apa, biasanya sih favicon.ico, jadi ada request 2 kali tuh.
Mantap bang 👊
Study kasus dong
Bang mau tanya , penggunaan framer motion ngaruh ke performa ga ?
Sama biasanya abang localization pakai apa ?
Makasih sebelumnya bang nouval
ya pasti ngaruh sih, selama ini ga begitu kerasa seberapa ngaruhnya wkwk. kalo untuk i18n bisa pakai ini bro: github.com/i18next/react-i18next
Localization itu apa mas
@@mhdnauvalazhar waduh bang , kok ane bales commentnya ilang ya ? Maaf bang saya bales lagi , terima kasih babg nouval
@@taufiqhidayah9483 multiple language
Bang, next js ini kalau dibuat backend juga aman gak bang?
aman
bang mo tanya... klo pake nextjs tailwind ini terus buat ui kek multi select, abang suka pake apa bang?
susah nyari librari kek kalender, popup, multiselect dsb...
ada yg cocok librari react, tapi banyak yg ga support ssr di next, kek syncfusion
gak pernah nemu case gitu sih gue, tapi untuk UI component bisa pake radix-ui
Headless UI
Mau nanya mas, middleware nya bisa dipakai untuk SSG atau gak ya?
Makasih mas 👍
saya coba nggak error sih buat SSG, tapi studi kasus pake middleware di SSG apa ya?
@@mhdnauvalazhar untuk yg gk ada node.js nya mas, seperti github pages. Makasih mas info nya. Soalnya yg sebelumnya fitur middleware di disable untuk yg SSG 👍
kalau middleware pakai next Link gimana bang? soalnya udah prefetch duluan.
kalau misal kita pindah" page yg sudah difetch gk akan jalan lagi middlewarenya.
kalau pakai serversiderendering middlewarenya jalan tiap pindah page.
ini gimana nih maksudnya, bisa dikasih contoh nggak yang lebih konkret?
@@mhdnauvalazhar kalau kita login logout tanpa refresh halaman(next Link) gimana bang pakai midleware?
kalau production middlewarenya hanya jalan sebelum cache konten. jadi kalau kita login logout middlewarenya gk jalan jika tiap pagenya sudah dicached.
nyari di docs gk ada, tapi kalau cari di stackoverflow nemu jawaban harus set header
response.headers.set(`x-middleware-cache`, `no-cache`)
@@allone258 owh belom nyoba sih ini, nanti kalo nemu masalah ini gw share lagi yak
@@mhdnauvalazhar siap bang
bahas express js 6 jam dong pak 🙏😂
diluar ruangan coy
Lama ga keliatan mau gaji admin baru ga min buat gantiin streaming wkwkwk 😂 biar kayak lazy monday versi programmer
bang gondronk