Next.js 13 Tutorial for Beginners (CRUD + Modal) 

Jejak

UP

oh iya bang tambahan kemarin kemarin kan pake bulmacss, sekarang ada tailwindcss ama daisyui ,, makasih banget loh udah ditambahin senjata nya

@@andreanwinz8603 Pertanyaan yang bagus. Sebenarnya regular function dan arrow function tergantung dari developer itu sendiri mau pilih yang mana. Yang terpenting adalah kita tahu bagaimana mengubah kode dari regular function ke arrow function atau sebaliknya. Saya pribadi lebih suka arrow function karena lebih simple dan modern (ES6) sekaligus lebih rapi jika kita mengirimkan banyak props. saya sengaja membuat video ini menggunakan regular function agar lebih mudah di pelajari lebih lanjut di dokumentasinya next.js. Karena dokumentasi next.js menggunakan regular function. Pada video tutorial Next.js yang terbaru: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0jtx2hUCxfM.html saya menggunakan arrow function, karena terdapat bug pada 'use client' jika saya menggunakan regular function (Next.js v13.3.0). dan tidak terdapat bug jika saya menggunakan arrow function.

@@CoderMediax oh ok ok,, makasih bang

Tentu saja bisa, jika ingin menggunakan external API. Tanpa express juga bisa, jika ingin langsung membuat fullstack hanya dengan next.js.

Biasanya yang seperti itu pake query parameter. untuk menggunakan query parameter di next.js 13 harus menggunakan client component.

Tentu saja bisa.

Tinggal tambahkan 'use client'

untuk tanggal lahir bisa gunakan input type date atau yang paling umum menggunakan selectbox seperti di facebook!

@@CoderMediax saya sudah pakai input type date, tinggal type typescriptnya apa ya? Apakah number atau string, atau date juga? Maaf baru coba typescript baru dari video ini

@@dhensyafaath5877 pake type Date, contohnya seperti ini: let date: Date = new Date("2023-05-11");

ini next.js 13 useRouter di import dari next/navigation. Sedangkan next.js 12 di import dari next/router. itu berbeda.

Pake next js, bikin aplikasi jauh lebih cepat bang, karena gak perlu mikirin react router

mala skrng team react udh nyarangin make nextjs

​@@uhqdev oh gitu, makasih infonya

@@MuhamadIlham CRA udh gk di rekomendasi kan oleh team react, tp klw mau makai react buat belajar2 hm CRA msih okay kok tpi klw production meding pakai nextjs

file page.tsx sama halnya dengan file index.js pada next.js 12 dan kita tidak boleh kreatif dalam memberikan namanya.

@@CoderMediax maaf buat memastikan mas, karena disitu ad beberapa folder bernama page.tsx, yg ga bleh diubah itu file untuk fetch API kah?

@@mydaily21 setiap di dalam folder, ada beberapa file yang tidak boleh diganti namanya. Seperti: page.tsx, layout.tsx, loading.tsx, ataupun error.tsx

@@CoderMediax oke thank, sepertinya saya herus pelajari struktur folder next js 13 hehe

persis seperti di video ini, jika menggunakan external api. Tetapi jika menggunakan internal api, cek video next.js saya yang terbaru!

Kalau saya bikin backend nya dgn laravel, tpi link api nya pas di masukn di const res = await, datanya tidak muncul

saya udah jelaskan di video: untuk control modal

gunakan arrw function!

@@CoderMediax mau nanya lagi mas, untuk versi Depedency typescript berpengaruh tidak ya? soalnya tadi make versi yang baru 5 terus saya coba samain ke 4 dan Depedency nextnya juga saya samain seperti video. Terus saya coba running bisa tanpa di ubah kodenya.

@@muhammadnaufal7395 Next.js 13 saat ini masih dalam versi beta, jadi masih banyak bug dan tidak di sarankan untuk project production. Saya sengaja buat tutorial seperti ini agar ketika next.js release versi stable, kita mudah menyesuaikan diri.

@@CoderMediax makasih mas ilmunya, tadi udah selesain videonya 🙏🔥 semangat buat konten barunya.

Pernah belajar next.js 12 ? Jika pernah, tonton video ini, maka akan tahu perbedaannya.

@@CoderMediax oke noted, thankyou min 🙏

Cek video saya terbaru untuk upload image!

hidup T3 stack, selamat tinggal laravel wkwkwk

ES7/React/Redux snippets

tankss bang@@CoderMediax

sepemikiran bro, suara dan logatnya mirip banget sama bang irsyad parsinta

bukan M Fikri

@@aliif mention coba wkwk

@@maulgans @Parsinta