First time the watch video tutorial nextjs, stay in time 27.17 always repeat again. Thankyou man! Edit: thank you very much for the basic knowledge of next.js. Always successful and healthy @CoderMediax
permisi ka subscriber baru boleh request tutorial ngga ka? request bikin halaman halaman admin landing page, sama bikin multiple user. jadi kalo admin yang login dia bisa akses semua, kalo oran lain cuman bisa liat
Di usahakan, Saya seorang web developer, bukan youtuber. ada banyak project yang saya handle, itulah kenapa saya tidak bisa mengupload video 1x seminggu seperti seorang youtuber. Saya berharap suatu saat nanti bisa resign dari pekerjaan saya dan jadi full time konten creator.
banyak, bisa untuk mengamankan data sensitive agar tidak ter expose ke browser seperti access token, data fetching lebih dekat ke database, render lebih cepat dan lebih sedikit javascript di sisi client (dimana ini adalah masalah utama single page application (SPA))
Hai Tim Coder Media perkenalkan saya Dina, apakah boleh diinformasikan email guna untuk mengirimkan penawaran kerja sama pembuatan konten video, dibalut dengan ulasan topik yang sering dibahas oleh para pengguna cloud dan hosting di Indonesia ?
tidak ada yang perlu di khawatirkan tentang security API di next js. karena secara default di set SameSite, jadi API tidak akan dapat di akses di luar domain secara default.
@@CoderMediax Ohh gitu ya Bisa gak di nextjs ini buat Grafik dari database mysql yg di ambil jumlahnya aja berdasarkan total data di tabel, akan tetapi beda tabel. misal tabel kecamatan berapa jumlah penduduk dari tabel penduduk
@@AHHA-Vortex tentu saja, perlu ditekankan bahwa grafik tidak ada hubungannya dengan nextjs. Akan tetapi grafik tergantung dari library yang kita gunakan misalnya chart js, bahkan kita bisa buat grafik tanpa next js hanya menggunakan html dan javascript. dan data yang ditampilkan dari mysql, juga tidak ada hubungannya dengan nextjs, tetapi tergantung dari query bagaimana out data yang ingin ditampilkan.
Mantap kang, menunggu tutorial nextjs api. Biar bisa bikin api dengan nextjs, kalau bisa ada orm prisma lagi dan supabase atau database online lainnya yang gratis.
bang bgmna next mencari parameter/data di getStaticPath (saat fallback true/blocking) klu parameternya tidak ada (di contoh kan fetch-ny di limit 2?) apakah dia rewrite url-ny saat fetching? atau data dari url di getStaticProp yg diambil?
Bang untuk SSG semisal datanya kita hapus bukan kita rubah, apakah pada bagian buildnya difolder products filenya juga kehapus gitu ya atau masih muncul data saat pertama kali dibuild?
sedikit masukan, saya coba praktikan juga tapi mentok di menit2 awal, gagal npm run dev (udah cari2 stackover, google, dll masih mentok), soalnya setelah npx create-next-app, itu berbeda responnya. next time coba didetailin semua mulai versi dari node -v nya brp, dll. soalnya agak beda sama composer yg biasa saya pakai (walau secara fungsi sama)
Bang, sebelumnya kan pakai node js dan react, bedanya apa ya ? Di Next JS untuk kode2 server ditaroh dimana kah? soalnya sebelumnya pakai folder yg beda.
@@CoderMediax makasih bang, mantaps fullstack. Btw, kenapa saya filenya index.tsx bukan index.js yaaa.... Apakah ada cara biar sama kayak abang jadi .js??
dua-dua nya. tergantung kebutuhan, semuanya ada keunggulan dan kelemahan masing-masing. untuk aplikasi berskala besar, mustahil hanya menggunakan server side saja atau menggunakan client side saja.
tentu saja, tinggal panggil apinya saja! tapi kalo mau internasional bisa pake paypal api atau bisa juga pake stripe yang lebih lengkap metode payment-nya!
tentu saja bisa, tergantung kebutuhan. Jika website yang kita bangun mengutamakan SEO sebaiknya gunakan SSR. Sebaliknya jika website yang kita bangun tidak mengutamakan SEO tidak perlu menggunakan SSR, cukup menggunakan CSR.
Tergantung kebutuhan. Jika project tidak terlalu sering perubahan data seperti blog atau website marketing lainnya sangat direkomendasikan untuk menggunakan ssg karena performa yang cepat. Jika project yang memliki banyak perubahan data seperti sistem informasi, sangat direkomendasikan menggunakan ssr karena sangat interaktif.
@@nolep5555 banyak, karena nextjs 13 server components secara default, maka fetch datanya lebih sederhana dari pada next 12. saat ini next 13 masih beta dan kemungkinan akan masih banyak perubahan dan tidak direkomendasikan untuk project production. untuk info lebih jelaskan tentang data fetching silahkan cek disini: beta.nextjs.org
bang setelah saya coba-coba berarti tidak seperti react, next js itu jsx yang dikonversi jadi html itu tetap digenerate staic (di view page source masih ada soalnya) tapi hanya datanya saja yang menggunakan teknik csr
![KAYTRANADA - Witchy (feat. Childish Gambino) [Official Video]](http://i.ytimg.com/vi/jGK3YVmGZ3Y/mqdefault.jpg)
![FendiDa Rappa - Clock Dat ft. Shamar Marco [Official Music Video]](http://i.ytimg.com/vi/3NBU8KHdxYY/mqdefault.jpg)
Alhamdulillah terima kasih mas coder media buat tutorial nextjs nya, semoga bisa bikin real world project pake next js & nodejs-express buat api nya👌
lah anak Unindra, mampir disini
Kalau boleh request, kedepannya bisa dibahas mengenai authentication di next js dengan laravel sanctum, terima kasih mas fikri
bikin vid tentang js and yang berhub dengannya kayak vidio ini bro. please jangan berhenti. saya subscribe
Terima kasih tutorialnya. Sangat membantu.
Di tunggu tutorial CRUD nya... 🙏
Terima kasih, jelas dan mudah dimengerti, lanjut crud, rbac
Hi sir
Thank you for your good teachings
If possible, make a video about validation from the backend side(node js)
thank u bang
First time the watch video tutorial nextjs, stay in time 27.17 always repeat again. Thankyou man!
Edit: thank you very much for the basic knowledge of next.js. Always successful and healthy @CoderMediax
you are welcome
mantap sekali bang,...
next bikinin tutorial electron ya bang...
cant wait for the subtitles!
Akhirnyaaa😀
Lanjut pak bahas nextjs lagi, asli sih daging tok isi materi nya, padet & mudah dipahami
Mantap bang👍👍
bahas yang next js api pake prisma mantap tuh bang 😀
perbanyak next js bng
nextjs 13 baru release nih, bahas jg donk 👍
Keren banget penjelasannya, berkah ilmunya bang
permisi ka subscriber baru
boleh request tutorial ngga ka?
request bikin halaman halaman admin landing page, sama bikin multiple user. jadi kalo admin yang login dia bisa akses semua, kalo oran lain cuman bisa liat
mantap kang, kalo bisa upload kontennya konsisten 1x seminggu/2minggu
Di usahakan,
Saya seorang web developer, bukan youtuber.
ada banyak project yang saya handle, itulah kenapa saya tidak bisa mengupload video 1x seminggu seperti seorang youtuber.
Saya berharap suatu saat nanti bisa resign dari pekerjaan saya dan jadi full time konten creator.
kontennya sangat bermanfaat, thank's ilmunya bang
kalo boleh request buat konten tutorial untuk hosting web yg udah dibuat bang
Agan satu ini memang top markotop
makasih banyakkkk
Gan, bisakah saya kursus pemograman dengan agan?
jadi untuk SSR dibanding CSR selain kelebihan SEO friendly, ada yang lain bang ?
banyak, bisa untuk mengamankan data sensitive agar tidak ter expose ke browser seperti access token, data fetching lebih dekat ke database, render lebih cepat dan lebih sedikit javascript di sisi client (dimana ini adalah masalah utama single page application (SPA))
request fundamental express js dong bang, seperti struktur projectnya jg dll nya
yang lagi rame di cari tutor nya, frontend nya Nextjs, backend nya golang bang. Di tunggu bang.
Saya pasti ikutin dr 0 sampe akhir
Hai Tim Coder Media perkenalkan saya Dina, apakah boleh diinformasikan email guna untuk mengirimkan penawaran kerja sama pembuatan konten video, dibalut dengan ulasan topik yang sering dibahas oleh para pengguna cloud dan hosting di Indonesia ?
Terima kasih mas.. Sehat selalu.. 🙏
hallo mas.. udah nungguin tutorialnya belom upload2 yah hehe
insyaAllah besok upolad.
m fikri kah?
Walah dikit lagi next 13
Bang kapan update lagi mengenai mern stack bang.
Bang kapan update lagi
bg orang Aceh kah?
Bang kapan bikin video lagi, sangat bermanfaat sekali, saya langsung paham kalo tutorial dari CoderMedia
keren lo bang
gasssssssssssssssss el pe ge
Lanjut tutor fullstack next js nya bg terutama security API nya
tidak ada yang perlu di khawatirkan tentang security API di next js.
karena secara default di set SameSite, jadi API tidak akan dapat di akses di luar domain secara default.
@@CoderMediax Ohh gitu ya
Bisa gak di nextjs ini buat Grafik dari database mysql yg di ambil jumlahnya aja berdasarkan total data di tabel, akan tetapi beda tabel. misal tabel kecamatan berapa jumlah penduduk dari tabel penduduk
@@AHHA-Vortex tentu saja, perlu ditekankan bahwa grafik tidak ada hubungannya dengan nextjs.
Akan tetapi grafik tergantung dari library yang kita gunakan misalnya chart js, bahkan kita bisa buat grafik tanpa next js hanya menggunakan html dan javascript.
dan data yang ditampilkan dari mysql, juga tidak ada hubungannya dengan nextjs, tetapi tergantung dari query bagaimana out data yang ingin ditampilkan.
@@CoderMediax Maksud saya query untuk menampilkan data countnya utk outnya di chart js, bukan buat chart dar nextjs
@@AHHA-Vortex sekarang saya tanya apakah Anda bisa membuat query untuk menampilkan data yang ingin anda tampilkan di mysql tanpa nextjs?
bang gaada link githubnya?
Next klau sepat bikin login dan register dan henndel refresh token mengggunkan vue nih bang..
Mantap kang, menunggu tutorial nextjs api. Biar bisa bikin api dengan nextjs, kalau bisa ada orm prisma lagi dan supabase atau database online lainnya yang gratis.
bikin tutorial full tentang sequelize ORM dong bang
Mau jadi master kudu muter2 yak? wkwkk..
Btw penjelasannya bagus sekali 👍
Alhamdulillah, terimakasih bang request sya di wujudkan kan 🙏
Halo bang mau tanya next js versi berapa ini yang di pakai
Untuk video ini versi 12, jika mau tutorial next.js versi 13 cek video saya yang terbaru!
Akhirnyaaaaa, makasih mas. Sehat selau
nah ini yg di tunggu2 akhirnya datang juga. selanjutnya tutorial astro js bang!!
Bahas remix ata nestJs seru kayaknya bang...
bang bgmna next mencari parameter/data di getStaticPath (saat fallback true/blocking) klu parameternya tidak ada (di contoh kan fetch-ny di limit 2?) apakah dia rewrite url-ny saat fetching? atau data dari url di getStaticProp yg diambil?
itu sudah saya jelaskan detail di dalam video tersebut.
bang, abang ureng getanyoe chit sang ha?
Ilmunya menyala abangkuhh🔥🔥🔥
bg bahas react query, cara fetching yang baik.....
Bang untuk SSG semisal datanya kita hapus bukan kita rubah, apakah pada bagian buildnya difolder products filenya juga kehapus gitu ya atau masih muncul data saat pertama kali dibuild?
Ditunggu video lanjutannya bang Fikri
bang request materi typescript
sedikit masukan, saya coba praktikan juga tapi mentok di menit2 awal, gagal npm run dev (udah cari2 stackover, google, dll masih mentok), soalnya setelah npx create-next-app, itu berbeda responnya. next time coba didetailin semua mulai versi dari node -v nya brp, dll. soalnya agak beda sama composer yg biasa saya pakai (walau secara fungsi sama)
node & npm nya versi lama. coba yang versi terbaru
sarapan dengan yang bergiziiii 😍😍😍🔥🔥🔥
terimakasih bang, semoga terus membuat konten edukasi seperti ini
terima kasih membantu sekali untuk pemula seperti saya
Lanjut kan mas fikri bahas full stack js nya
Izin nitip sendal dulu om 🙏
Benar-benae yang lagi ditunggu
thanks mas, it's great video
Ditunggu next videonya bang 👍
Mas tolong bahas redux tanpa toolkit sama bahas cara menggunaan semua lifecycles hooks react bang makasih
Pusing redux, mending langsung pake recoil atau zustand aja
@@ongkay250 ga susah kalau mau belajar
Mantap bg
perbanyak next js bng
crud bang ditunggu
di usahakan lagi sibuk banget beberapa bulan ini.
Bang, sebelumnya kan pakai node js dan react, bedanya apa ya ?
Di Next JS untuk kode2 server ditaroh dimana kah? soalnya sebelumnya pakai folder yg beda.
nextjs fullstack framework
@@CoderMediax makasih bang, mantaps fullstack.
Btw, kenapa saya filenya index.tsx bukan index.js yaaa....
Apakah ada cara biar sama kayak abang jadi .js??
rekomendasi server side atau client side? untuk aplikasi yang besar dan selalu update?
dua-dua nya. tergantung kebutuhan, semuanya ada keunggulan dan kelemahan masing-masing.
untuk aplikasi berskala besar, mustahil hanya menggunakan server side saja atau menggunakan client side saja.
Makasih Tutorianya Mas
Bang mending pake swr apa axios?
mending pake axios + swr
@@CoderMediax sip makasih banv
🙏makasih banyak mas
semoga berkah
makasih bng
Mantap bang
Bang boleh buatkan CRUD Nodejs expressJS tpi yg Typescript, MySQL frontend nya NextJS+Tailwind+DaisyUI🙏🙏🙏👍
💯
Maaf mau nanya, bagian getStaticProps kenapa data saya gabisa muncul di browser ya? Padahal waktu di console terminal bisa keluar
😢ketika di run build pada folder pages ga muncul file html nya
Coba beralih ke Next.js v13
Sangat membantu sekali, Terima kasih banyak mas.
sama-sama mas
extention biar codingannya rapih apa mas ?
Prettier
Tutor Panutan, selalu berkualitas, dan best partice
enak pake axios atau fetch ya bang, kok kalau liat ini enak tanpa axios
enak swr atau react query bang? soalnya react query ada devtools nya
Yang paling di recomendasikan untuk next js yaitu SWR.
Bang, MERN stack bisa dipake api midtrans ga ya?
tentu saja, tinggal panggil apinya saja!
tapi kalo mau internasional bisa pake paypal api atau bisa juga pake stripe yang lebih lengkap metode payment-nya!
@@CoderMediax terima kasih bgt udh dibales 🙏, blm sempet belajar lebih jauh tpi sebentar lagi udh penyusun Tugas Akhir
Dan bikin programnya Ecommerce
kalo semua get api nya pake server side, nanti beban di server ya mas?
kalo misalnya 1 halaman get apinya mix (ssr & csr) bisa ga?
tentu saja bisa, tergantung kebutuhan. Jika website yang kita bangun mengutamakan SEO sebaiknya gunakan SSR. Sebaliknya jika website yang kita bangun tidak mengutamakan SEO tidak perlu menggunakan SSR, cukup menggunakan CSR.
best practice untuk get data itu pakai ssg atau ssr bang ???
Tergantung kebutuhan. Jika project tidak terlalu sering perubahan data seperti blog atau website marketing lainnya sangat direkomendasikan untuk menggunakan ssg karena performa yang cepat.
Jika project yang memliki banyak perubahan data seperti sistem informasi, sangat direkomendasikan menggunakan ssr karena sangat interaktif.
@@CoderMediax oke bang terimakasih
Ditunggu video crud next js nya bngg
Bang ini next js versi brapa yaa.?
versi stable 12
Siap bang
kalau defaultnya next js itu make csr atau ssg?
untuk nextjs 12 kebawah di folder 'pages', defaultnya csr, tapi untuk nextjs 13 keatas di folder 'app' defaultnya ssr.
@@CoderMediax ada bedanya gak dalam penulisan syntax di data fetchingnya
@@nolep5555 banyak, karena nextjs 13 server components secara default, maka fetch datanya lebih sederhana dari pada next 12.
saat ini next 13 masih beta dan kemungkinan akan masih banyak perubahan dan tidak direkomendasikan untuk project production.
untuk info lebih jelaskan tentang data fetching silahkan cek disini: beta.nextjs.org
@@CoderMediax oke makasi infonya
bang setelah saya coba-coba berarti tidak seperti react, next js itu jsx yang dikonversi jadi html itu tetap digenerate staic (di view page source masih ada soalnya) tapi hanya datanya saja yang menggunakan teknik csr
bang m fikri?
yap
@@CoderMediax ohh ok, siap 😉
Mantap Kak, buatkan playlist khusus NextJS kupas tuntas semua dong