Видео

bulma css

Refresh token di handle otomatis oleh auth.js di next.js middleware.

@@CoderMediax apa di video ini di jelaskan?

Atau ada di video lain di channel ini?

@@ramaalfinbaehaqi7872 Ada di video ini, hanya dengan satu baris kode di middleware, maka refresh token terhandle secara otomatis.

Frontendnya diganti engga itu? Itu kan waktu ngefetch axios urlnya masih pake http localhost. Jadi waktu udah dideploy diganti sesuai url backendnya.

Solusinya bikin konfigurasi dienv buat link backendnya trs tinggal sesuein difrontendnya sesuai ngefetch data nya

@@sabiqalfajri5449 Sudah saya ganti bang, jadi ketika backend sudah di deploy saya tes di postman semua fungsi berhasil tetapi ketika saya coba di frontend dia tidak berhasil. saya sudah setting corsnya dan lain lain masi nggak work bang buat di fetching di frontend

Semakin canggih teknologi memang ada harga yang harus dibayar. Jika kita bandingkan dengan VPS hosting banyak juga yang jual diatas 200k / perbulan. Dimana kita harus setup semuanya sendiri. Gak jauh beda di vercel sekitar $20 / perbulan dan kita tidak perlu setup apa2. Dan bahkan gratis sampai data kita mencapai 250mb. Jadi kita hanya perlu bayar saat aplikasi kita berkembang.

Bisa juga pake auth.js, tapi saat ini auth.js untuk express masih versi experimental.

Tutorial selanjutnya akan banyak membahas next.js

@@CoderMediax siap bang fikri, semangat terus berkarya

Untuk reset password, konsepnya sederhana yaitu "send email". Untuk send email bisa menggunakan layaran seperti Resend. Sejujurnya: Auth.js tidak merekomendasikan kita menggunakan credentials provider karena alasan security dan tidak efisien. Ini masuk akal, karena jika kita login menggunakan email dan password: 1. Kita perlu memastikan apakah email yang di input user benar-benar aktif atau tidak. dan untuk memastikan emailnya aktif, kita perlu send email verifikasi ke user. 2. Kita juga perlu mengirimkan email ke user untuk reset password jika user lupa password. 3. Kita juga perlu meningkatkan security dengan mengirimkan kode OTP ke user via SMS, email, atau WA. Dari 3 point diatas saja, jelas tidak secure dan tidak efisien. Kita perlu bayar layanan tambahan untuk send email dan bayar layanan sms gateway untuk send kode OTP. Itulah kenapa Auth.js lebih merekomendasikan menggunakan oAuth Provider. Jika menggunakan oAuth, kita tidak perlu khawatir emailnya aktif atau tidak (karena sudah pasti aktif), selain itu kita tidak perlu mengirimkan kode OTP karena kode OTP telah di handle oleh perusahaan penyedia oAuth. Akan tetapi, kita sebagai web developer perlu mengetahui bagaimana setup login menggunakan email dan password. Itulah kenapa saya membuat tutorial ini. Tapi, ketika saya mengerjakan project untuk client, saya tidak pernah lagi menggunakan credential provider dan selalu menggunakan oAuth provider (khususnya google) karena dapat meningkatkan user experience dan semua orang telah punya akun google.

Jika mau menggunakan express sebagai backend dan next.js di frontend. Berarti auth.js di install di express.js. Perlu di ketahui auth.js untuk express masih versi experimental belum ready untuk production. Menurut saya sangat di sayangkan menggunakan next.js hanya untuk frontend. Ada baiknya bikin fullstack langsung di next.js. Kalau pun kita butuh api untuk di consume di mobile app, next.js punya route handler yang bisa menghandle itu lengkap dengan type safety dan kemampuan cache yang optimal dan support edge runtime. Jika menggunakan express sebagai backend, berarti kita kehilangan kemampuan next.js middleware yang secara default running di edge runtime. edge runtime, cache, revalidated, benar-benar dapat meningkat performa website. sementara express masih mengandalkan node.js runtime. dulu saya juga pikir seperti itu, express di backend dan next.js di frontend sampai akhir saya menyadari itu mubazir dan terlalu banyak kode yang di tulis di backend, belum lagi memikirkan frontend. Paling melelahkan lagi, kita harus memikirkan type safety, dan security di backend karena kita cross-origin request. Itulah kenapa saya beralih ke next.js total. Semoga itu menjawab.

Terima kasih atas super thanks-nya mas.

Itu videonya udah sampai deploy ke hosting kok mas.

bisa, tangkap {id} params-nya kemudian fetch datanya berdasarkan {id} di halaman tersebut dan tampilkan datanya di input field.

pastikan telah menjalankan perintah npx prisma migrate dev

Mohon bersabar, soalnya lagi ada project.

@@CoderMediax siap, moga lancar projectnya

@@CoderMediax bang bisa kursus gak, kalo bisa saya menghubungi lewat apa

Ini udah saya upload: ruclips.net/video/rkgpOWMrI_4/видео.html

@@CoderMediax Alhamdulillah, tq banyak Bang

terkadang ada muncul seperti itu, coba jalankan ulang npx migrate dev biasa bisa.