Gue terus searching tentang coding gara2 lu 1 contoh lu gue ikutin berhasil. Gue jadi seneng dan tertarik buat cari tau lebih lanjut. Asli otodidak ni gue🤣✌🏻
Mau coba build web pake next.js. Eh ketemu video ini dan bermanfaat banget ternyata buat basic knowledge. Malah mirip flutter di bagian componentnya XD. Thank you kang Dea
Kang masuk juga teknologi S3 nya untuk pemula 😉 Asli si kami jadi tertarik ke koding dengan ngeliat posisi akang penjelasanna enak bahasana. Semoga bisa bikin project dasar bang yang di Mulai dari frontend pake nextjs backend pake laravel media image atau file pake S3 sisi database pake scaling terus server db untuk create dan untuk read nya beda server. Pengaturan beban server db pake load balance . Cara hendlenklo server backend mati atau yang frontend mati tapi operasional ttep nyala wahhhh maaf kang ngacapruk gini Asli seruu ke nya kang bahas itu juga dengan infrastrukur gituu Semoga jadi amal jariah kang aamiinn Berbagi ilmuu yang bermanfaat Hatur nhunn
Bang @deaafrizal request dong tutorial atau live project : FE : next js 14/15 BE: nest js / express js Db : postgresql / mysql Fitur misalnya: 1. 1 Menu (list, crud) 2. Fitur login, reset password, 2fa Ya kalau belum bisa semuanya, paling ndak sebaginnya bang Tq
bang, mohon dibales. gw biasa pakek react.js, tapi gw pengen next.js bisa juga. biasanya fetch data buat 1 function, dipisah 1 folder. kalau di next js itu gak bisa knp ya ? malah katanya kena cors
sory bang terkait no-store 1:00:04, kok taronya di await fetch nya ya? saya awam, kirain saya itu cache nya utk request json nya aja, klo yg date tadi kan di luar fetch json
server komponent mengurangi beban load saat pertama kali kita akses halaman dan bagus buat SEO. client komponen semua kode di bundle kedalam JS.saat kita akses pake browser maka seluruh file ui kita load otomatis berat jika app sudah besar.setelah selesai load kita ga berurusan lagi sama server kecuali rest api dan buruk buat SEO
bang punya gw kok gak bisa yah, awalnya udah bisa "npm run dev" udah sampe tulisan "Starting..." nah abis itu keluar tulisan "Downloading swc package @next/swc-android-arm64..." Setelah beberapa detik langsung error yang garis besarnya Error 404 Not Found Ada solusi gak bang? Os: Android 9 (Pie) Termux Rooted: True
Kang Dea, terima kasih sebelumnya sudah dibuatkan tutorial seperti ini. Tapi saya masih ada bagian yang bingung bagian cache, kok bisa new Date() ke update padahal yang dicache itu cuman bagian fetching url_base? Dan Semisal tidak ada bagian fecth data(gabisa tambah cache dong?), untuk tetap si new Date( ) nya tetap ganti datanya ketika direfresh, itu bagaimana caranya?
emang setiap fetching data, nextjs ngebuild ulang buat jadi static html, termasuk fungsi new Date, jadi fungsi cache nya hanya bisa berjalan ketika fetching data, kalo mau si new Date nya uptodate pakainya client component aja, CMIIW
jdi kl revalidate ga ditambahkan maka saat kita build projek sebenarnya setiap halaman sudah dibuatkan file statis html nya. seperti post.html dll (jika server rendering). html ini tidak akan pernah berubah isi nya. bisa dilihat file nya di folder .next . saat revalidate diaktifkan maka nextjs akan membandingkan waktu terakhir page diload dan waktu saat ini kita akses. contoh revalidate 5 menit. maka saat 5 menit lalu kita akses dan kita akses lgi sekarang sudah lebih 5 menit maka file html di build ulang. jika date() mau berubah otomatis buatkan komponen sendiri dan gunakan 'use client' dan include di file post.
Bah panjang pula penutupnya biasanya cuma thnks bay-bay doang ini ada doanya juga habis ceramah di mana ust dea afrizal wkwkwkwk. thnks bang atas ilmunya bang walupun sedikit puyeng tapi mantap
@@deaafrizalterus cara pake button modal gimana bang? Contoh kalau button modal create, kan itu butuh usestate buat nampilin modalnya. Masih agak rumit sih mnrt gw di nextjs 13.5 ini
@@wednesday6301 bikin client component buat interaksi sm user, nnti client component ny itu di taro di page nya, bebas dh tuh mau nambahim hooks di client component, asal di page nya jgn ad hooks apapun
Bang cara bikin link web buat jual beli bang Buat bayar dan ada sekalian ada jasa kirim soalnya tik tok shop dah ga di bolehin lagi Kranjang kuning hilang
Untuk : const handleClick = () => alert(`User ID: ${userId}`); untuk (`... `) memakai tombol shift + tombol dibawah ESC, bukan memakai single quote ('...') seperti bisanya
Akhirnya nemuin next.js bahasa indonesia, makasih bang dea udah bikin ini ditunggu untuk playlist cppnya
Gue terus searching tentang coding gara2 lu
1 contoh lu gue ikutin berhasil. Gue jadi seneng dan tertarik buat cari tau lebih lanjut.
Asli otodidak ni gue🤣✌🏻
thanks bro untuk tutorial kali ini, yang memang untuk manusia. 😁
thank u brooh
keren lu bang, akhirnya dpt pencerahan. thank you bang! gw belajar sendiri app router bedain server vs client component pening sendiri
Mantap jelas banget bang penjelasan penggunaan cache nya, keren ..
berantakan bgt bang, tapi apalah ilmu gratis ini, makasih bang dea ❤❤
Terima kasih sharingnya, keren banget. 😊
Mau coba build web pake next.js. Eh ketemu video ini dan bermanfaat banget ternyata buat basic knowledge. Malah mirip flutter di bagian componentnya XD. Thank you kang Dea
samar2 braderr
Sejam ga kerasa udah lumayan paham next js, padahal sblmnya blm pernah buka next js sama sekali 🎉
beneran tutorial buat manusia😁
kebetulan bat bang lagi pengen belajar next js, thank you bang. Sehat sehat terus ya bang biar bisa selalu ngajarin orang wkwk
Akhirnya bang, yg gw tunggu² tutorial next js
Judul nya keren bang, "Untuk manusia" yang masih bingung perlu ditanya manusia apa bukan wkwkwk
Detail banget soalnya GG
Pas banget nih, lagi nyoba-nyoba nextjs
Gue jadi muridlu bang.
Gue ikutin uploadanlu semua.
Gue subscribe di 4 akun
Gue teknik sipil. Otodidak it dari lu bang
besstt!!!
@@deaafrizal mantap
gue ikutin bang, share ilmunya bang
baru nonton nih bang asli belum punya apa2 tertarik👍
Early gang mas hehe akhirnya nextjs dibahas✨
nah ini yg sy tunggu2 hahaha
bagian terbaiknya adalah ada sesi doa bersama di akhir vidio
Keren manusia satu ini😂 kasih dia like
mantep,materi daging
Mantap nih bang tar deh belajarnya agak malam sekarang lagi pus rank dulu
Mantab
Lanjut terus next js nya bang :)
akhirnyaaa tutor sunda :) ripuh hari2 english wkwkwk
Lanjut baang sampe core core nya
Akhirnya bahas ini, thank you!
terbaik mang
kelazz bang, baru mau nyari ehh muncul di rekomemdasi
Let's go next js. Btw pertama lagi
Abis next js. Next auth bang
wow next
Kang masuk juga teknologi S3 nya untuk pemula 😉
Asli si kami jadi tertarik ke koding dengan ngeliat posisi akang penjelasanna enak bahasana.
Semoga bisa bikin project dasar bang yang di Mulai dari frontend pake nextjs backend pake laravel media image atau file pake S3 sisi database pake scaling terus server db untuk create dan untuk read nya beda server. Pengaturan beban server db pake load balance . Cara hendlenklo server backend mati atau yang frontend mati tapi operasional ttep nyala wahhhh maaf kang ngacapruk gini
Asli seruu ke nya kang bahas itu juga dengan infrastrukur gituu
Semoga jadi amal jariah kang aamiinn
Berbagi ilmuu yang bermanfaat
Hatur nhunn
mntp bangg🔥🔥
nah mntep nih bg
makasih mas saya langsung paham
bang dea, request bikin tutorial buat dynamic routernya misal by [id]
udah ada cek di playlist cuyuniverse semester 4 bro
sumpah belum juga selesai MERN ,, 🤣🤣🤣 puyeng aneeeee
nice nice
makasih bang setalah nonton 1jam gw langsung demam
Nice bre ni konten nya op banget
Oke bang
Hadir
Pertamaaa kang deaa sapa tipis tipis atuuu
siapa yang insecure lihat setup-an awal next js cung🙋♂
Bang @deaafrizal request dong tutorial atau live project :
FE : next js 14/15
BE: nest js / express js
Db : postgresql / mysql
Fitur misalnya:
1. 1 Menu (list, crud)
2. Fitur login, reset password, 2fa
Ya kalau belum bisa semuanya, paling ndak sebaginnya bang
Tq
bang dea bahas livewire dong
Semoga bisa ada bahasan tentang project real nya menggunakan next js versi 13. Sehat selalu bang dea
Salfok liat valorant, mabar bang
bang, mohon dibales. gw biasa pakek react.js, tapi gw pengen next.js bisa juga. biasanya fetch data buat 1 function, dipisah 1 folder. kalau di next js itu gak bisa knp ya ? malah katanya kena cors
sory bang terkait no-store 1:00:04, kok taronya di await fetch nya ya? saya awam, kirain saya itu cache nya utk request json nya aja, klo yg date tadi kan di luar fetch json
nice bang
18:48 Yarhamukallah
Thank you bang
meluruskan kang kl revalidate beda konsepnya dengan cronjob
Jadi lebih yang mana lagi next js atau react js .bingung mau belajar yang mana dulu
react js dulu aja
kang sy abis build, dynamic routenya jd 404 knapa ya? pdhal pas run dev normal
bang bikin tutorial authnya dong. gw rada puyeng nih nyari tutorialnya
Bang, share dong extension yang biasa dipake di VS Code nya. Thx u.
Keburu udh menengah kak Dea, kenapa ga dari bulan lalu :)
Bang Dea bikinin tutorial swiper JS dong atau supaya element atau konten bisa di geser ke samping 😢
Bang sesekali pages router dong, belum nemu yang dari channel indo
Kalau ga dipakein cache beratri setiap ada data baru di API dia ga muncul ya?
Tutorial fulstack bg dari fe dan be dengan framework hapi untuk back end bg
makasih bangggg
First time bang deaaa
itu pakai extension apa kalau ketik nama className langsung muncul
next state management bang
Playlist Node js kenapa gak di lanjut lagi kang?
Hudangkeun aing lamun page transition geus aya di framework beta ieu 😴
lanjutan ada enggak bang ?
Kang, biar error nya langsung tampil di editor kayak di menit ini 14:33 , pake apa ya
bang menit 3:28 terminal windows pake apa itu? cakep pengen nyoba jg
bang, request next.js + database bang..
terimakasih..
ada di playlist semester 4, di cek aja bre
Bang knapa style tailwind yg kutambah ke compinen button itu klo direfresh g kena giliran pas masukin di aku komen trus ilangin komen baru kena?
server sama client (component) kalo digabung jadi satu file apa kekurangannya bang? kan kalo di react js biasanya langsung jadi satu
server komponent mengurangi beban load saat pertama kali kita akses halaman dan bagus buat SEO. client komponen semua kode di bundle kedalam JS.saat kita akses pake browser maka seluruh file ui kita load otomatis berat jika app sudah besar.setelah selesai load kita ga berurusan lagi sama server kecuali rest api dan buruk buat SEO
Kalau sudah pakai nextjs apakah tetap harus menggunakan state management seperti redux?
tergantung kebutuhan aja bro. gak ada yg diharuskan abcd nya
Baik bang, Terima kasih
saya request Bang dibuatin yang crud
bang punya gw kok gak bisa yah, awalnya udah bisa "npm run dev" udah sampe tulisan "Starting..."
nah abis itu keluar tulisan "Downloading swc package @next/swc-android-arm64..."
Setelah beberapa detik langsung error yang garis besarnya Error 404 Not Found
Ada solusi gak bang?
Os: Android 9 (Pie) Termux
Rooted: True
arc nya aarch64
Kang Dea, terima kasih sebelumnya sudah dibuatkan tutorial seperti ini. Tapi saya masih ada bagian yang bingung bagian cache, kok bisa new Date() ke update padahal yang dicache itu cuman bagian fetching url_base? Dan Semisal tidak ada bagian fecth data(gabisa tambah cache dong?), untuk tetap si new Date( ) nya tetap ganti datanya ketika direfresh, itu bagaimana caranya?
emang setiap fetching data, nextjs ngebuild ulang buat jadi static html, termasuk fungsi new Date, jadi fungsi cache nya hanya bisa berjalan ketika fetching data, kalo mau si new Date nya uptodate pakainya client component aja, CMIIW
jdi kl revalidate ga ditambahkan maka saat kita build projek sebenarnya setiap halaman sudah dibuatkan file statis html nya. seperti post.html dll (jika server rendering). html ini tidak akan pernah berubah isi nya. bisa dilihat file nya di folder .next . saat revalidate diaktifkan maka nextjs akan membandingkan waktu terakhir page diload dan waktu saat ini kita akses. contoh revalidate 5 menit. maka saat 5 menit lalu kita akses dan kita akses lgi sekarang sudah lebih 5 menit maka file html di build ulang. jika date() mau berubah otomatis buatkan komponen sendiri dan gunakan 'use client' dan include di file post.
bahas next auth dan ssr bang
bro kalo blum pernah belajar react, langsung lompat ke next apakah aman?
Harus ada basic react sih karen next framework untuk react
bang, tadi klo cardlist nya 'use client' childer nya juga ikut jadi ke render sebagai client ga?
Ikut komponen yg ada use client maka akan dianggap sebagai client side
Bah panjang pula penutupnya biasanya cuma thnks bay-bay doang ini ada doanya juga habis ceramah di mana ust dea afrizal wkwkwkwk. thnks bang atas ilmunya bang walupun sedikit puyeng tapi mantap
bang cara gunain hook di server gimana ? misal useState.
gak bisa bro, itu client.
@@deaafrizalterus cara pake button modal gimana bang? Contoh kalau button modal create, kan itu butuh usestate buat nampilin modalnya.
Masih agak rumit sih mnrt gw di nextjs 13.5 ini
@@wednesday6301 mau ga mau harus ubah jadi client side. Pake "use client"
@@wednesday6301 bikin client component buat interaksi sm user, nnti client component ny itu di taro di page nya, bebas dh tuh mau nambahim hooks di client component, asal di page nya jgn ad hooks apapun
Bang mau nanya, knapa pas install next JS node_modules nya ga ada ya
Pastikan node js nya sudah terinstal dulu, dan menambahkan env pd komputernya sesuai tutorial
Bang cara bikin link web buat jual beli bang
Buat bayar dan ada sekalian ada jasa kirim soalnya tik tok shop dah ga di bolehin lagi
Kranjang kuning hilang
bang kok saya eror ya pas npm run dev
next/Link sekarang gak bisa ya bang?
maksudnya sama kek a href
@@anandahirzithirafi8620klo udh pake nextjs, lupain href. hrs pke Link trs. itu bawaan dr nextjs nya biar loading antar page lbh cepet
Untuk :
const handleClick = () => alert(`User ID: ${userId}`);
untuk (`... `) memakai tombol shift + tombol dibawah ESC, bukan memakai single quote ('...') seperti bisanya
keren banget tutornya, klu cewe udah gw kiss lu
tai beut lu wkwkw
nextjs bisa dipasang ke laravel ga bang?
buat apa anjir haha
chatGPT: memaksimalkan frontend dengan nextjs, memaksimalkan backend dengan laravel. gimana tuh bang @@deaafrizal
bang bikin restfull api
Bang kenapa ga make bun?
tidak untuk tutorial bro 😄
Laravel dong bang.......
Dah pernah kan laravel pas bahas CI-Laravel dan framework php
belajar reactjs dulu berarti ya? gua mau langsung belajar next aman gak ya? wkwkkw
nextjs itu framework nya reactjs. klo lu ga ngerti reactjs gmn lu mau ngerti framework nya wkwkwk
bang Dea, saya ngirim email apakah sudah di baca?
bang tambahin timestamp dong
sebagai apa bang? sebagai "cuan"? :v 0:42
bang login palo
Kenapa ga pake export const dynamic = 'force-dynamic' bang ? Bedanya apa buat CSR / SSR ?
Dari awal bisa bang