SESI4 - Pagination Core Logic | Next JS 2023

🔥 CUYUNIVERSITY Semester 4 - Kurikulum baru🔥
Full playlist:
• 🌟Cuy University | CuyA...
Full source code CuyAnimeList udah bisa kalian download, check ataupun clone ya guys!
untuk yang ikutin playlist cuyuniversity semester 4 kali aja butuh compare code & make sure, berikut full source code sampe sesi 9.
link: github.com/deaaprizal/cuyanim...
dan untuk diskusi bisa disini: github.com/deaaprizal/forum
Demo website hasil (progressive) project: cuyanimelist.vercel.app/
Playlist sumber belajar sebelumnya:
1. Cuyuniversity semester 1:
• 🌹 Cuy University | HTM...
2. Cuyuniversity semester 2:
• 🌼 Cuy University | CSS...
3. Cuyuniversity semester 3:
• 🐱‍💻 Cuy University | N...
4. Javascript Journey:
• 🍌 Javascript Tutorial 🍌
5. React JS Journey:
• 🍔 React JS From 0 🍔
Transfer DONASI: saweria.co/deaafrizal
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
dealabs@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺

Пікірлер: 115

  • @Esyeha
    @Esyeha3 ай бұрын

    👍👍 const handlePrevPage = () => { if(page > 1){ setPage((prevState) => prevState - 1) scrollTop() } }

  • @taufiqadjiesanjaya5464
    @taufiqadjiesanjaya54648 ай бұрын

    mantap kang, next nya ditunggu untuk infinite scroll logic hehe

  • @ihsan1920
    @ihsan19208 ай бұрын

    buseeettt, intonya keren

  • @erlan491
    @erlan4916 ай бұрын

    Wadidaw persoalan Pagination aja riweuh kitu... beda dengan Laraval... tapi gaslah... penasaran dengam JS.

  • @FaFaTeve
    @FaFaTeve8 ай бұрын

    Langsung gas ini mah 😅

  • @dultengmax
    @dultengmax8 ай бұрын

    mantap mang gas terus

  • @andraalayubi2134
    @andraalayubi21345 ай бұрын

    materi mantap nih

  • @fiqririzqiana
    @fiqririzqiana8 ай бұрын

    pang nyieunin tutor laravel website e comerce+contol panel mang

  • @gna3276
    @gna32768 ай бұрын

    Bang, gue baru banget ketemu chanel lo.. Knapa ngga dari awal gue masuk jurusan TI tau chanel ini.. Otw gabung chanel lo bang.. Mangatt teruss bang,, materi lo daging semua 👍🏻

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    gassssss

  • @realmehpjtbnew3814
    @realmehpjtbnew38148 ай бұрын

    Oke mantap

  • @Jonggun648
    @Jonggun6488 ай бұрын

    GG onichan semangat sensei buatnya😊

  • @DikiAbas-jf5nz
    @DikiAbas-jf5nz8 ай бұрын

    Semangat ❤

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    gasss

  • @vexl.project
    @vexl.project8 ай бұрын

    Siap menyimak

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    siap oy

  • @Thosiro.

    @Thosiro.

    8 ай бұрын

    ​@@deaafrizalcamilan sudah siap 😂

  • @akira_tendoo
    @akira_tendoo8 ай бұрын

    Langsung kita gasken

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    yowww

  • @movica9790
    @movica97907 ай бұрын

    bang next semestee project redux dong.. semangat bang dea dosen cuy universe👍

  • @andri21
    @andri218 ай бұрын

    selanjutnya kalo boleh, buat untuk counter viewnya bang.

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    menarik

  • @kinarvh
    @kinarvh8 ай бұрын

    Wow kaya tugas jaman dlu pak teguh y😢tpi lebih rumittt ya

  • @sigitbudi934
    @sigitbudi9348 ай бұрын

    bang nextnya form input & hook hee

  • @shezzz761
    @shezzz7618 ай бұрын

    hadir bang

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    gass

  • @AramissOfficiall
    @AramissOfficiall8 ай бұрын

    Hadir

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    woyy

  • @henrychristian4518
    @henrychristian45188 ай бұрын

    kalau 6:06 gua tambahin if(keyword.trim() == "") return kalau pake cara yg di video kalau kita masukin spasi masih bisa kesearch bang

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    aahh manis sekali, agree bro! great job! 🔥

  • @rendienggarbintangpratama1226
    @rendienggarbintangpratama12268 ай бұрын

    Bang bikin tutorial laravel 10 donk bang

  • @ramaalfinbaehaqi7872
    @ramaalfinbaehaqi78725 ай бұрын

    next js sama API dari laravel 10 bangg

  • @centimeter-hg2bv
    @centimeter-hg2bv8 ай бұрын

    next fitur apa lagi bang de

  • @rajawijaya2241
    @rajawijaya22418 ай бұрын

    maaf bang oot, cuma mau tanya, siapa tau disini ada yang bisa bantu jawab, cara bikin image placeholder yang kayak di server discord tuh gmn yaa, yang biasanya ada di portal selamat datang, nanti si bot bakal kirim gambar yang sudah ada template nya dengan teks dan gambar dinamis di dalamnya, saya rencana mau buat fitur itu di projek wa bot saya, tapi gatau bikinnya pake apa, dah coba cari beberapa di google cuma bisa ganti teks, warna ukuran doang, saya mau seperti yang ada di discord, dimana gambar background nya dari saya. terimakasih

  • @tutorialngodingg
    @tutorialngodingg7 ай бұрын

    Bang buat web topup games dong pake payment midtrans dan next jd 😅

  • @Kanimenia
    @Kanimenia4 ай бұрын

    Bang mau nanya kalo tanpa pagination langsung ngeload data nya gitu bisa gak ya bang? Jadi tanpa per_page?

  • @shinzouwo123
    @shinzouwo1238 ай бұрын

    Bang gimana pendapat mu tentang flutter bang?

  • @academy2004
    @academy20048 ай бұрын

    Bg tolong buatin tutor create akun linode dong:))dari kemarin dicancel terus bg😅

  • @ArifRahman-yr4iw
    @ArifRahman-yr4iw8 ай бұрын

    Tutornya untuk yang ddi android dong.. Cara codingnya.. Ak cmn lihat dikit.. Gk full di video nya abg

  • @Viddd17
    @Viddd173 ай бұрын

    Kang mau nanya saya nge hit api yang recommendation/anime Datanya muncul Di paginationnya hanya ada Last_visible_page dan has_next_page Tidak ada items seperti di top anime Itu gimana masalah untuk pagination nya kang?

  • @fia12454
    @fia124548 ай бұрын

    Mas saya pen beli laptop Acer aspire 3 yg pake prosesor AMD rayzen R5 7520U ram 8/512gb buat ngoding enak gak yah mas semoga di bales 😇

  • @mayudi8677
    @mayudi86777 күн бұрын

    saya coba page kirim pake url jadi ga terlau rumit bang😅

  • @Zukissss
    @Zukissss8 ай бұрын

    Bang next bahas pawno dong soal nya jarang semoga di jawab heheh soal nya keperluan untuk belajar dev server samp.

  • @kenzydc3973
    @kenzydc39738 ай бұрын

    kira kira laptop dengan Intel core i5 gen 3 kuat ga buat coding gini?

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    kuat

  • @syuhadayusuf1543
    @syuhadayusuf15438 ай бұрын

    Bang Pascal Dong ajarin Dari 0 sampe lancar hehhee

  • @farlinsptraa9478
    @farlinsptraa94788 ай бұрын

    Bang tutor bkin siakad bang

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    noted bro

  • @Aldianclass
    @Aldianclass8 ай бұрын

    bang selanjutnya next auth bang wkwk

  • @dinosaurusrebus9061

    @dinosaurusrebus9061

    8 ай бұрын

    setujuuu

  • @muhammadrevanzafirdaus1975
    @muhammadrevanzafirdaus19757 ай бұрын

    bang kok pas gw masukin pagination nya kok error ya

  • @pratamakusma3035

    @pratamakusma3035

    7 ай бұрын

    Pakein tanda tanya. "topAnime?.pagination?.last_visible_page"

  • @muhfikriantoaji5151
    @muhfikriantoaji51518 ай бұрын

    kalo.logic di backend buat mainan pagination kek mana ya?

  • @doublekamui

    @doublekamui

    7 ай бұрын

    buat api get dengan parameter page, misal mau menampilkan 10 data, maka terus lakukan request ke database dengan select id, judul, thumbnail from tabel offset page * 10 limit 10; tips : ambilah kolom yang bener bener diperlukan, jika ada kolom yang tidak diperlukan hindari mengambil semua kolom dengan select *, misal di homepage kan ga menampilkan sinopsis filmnya, hanya menampilkan judul dan gambar thumbnail, kemudian membutuhkan data id untuk setting url detail film, maka cukup ambil kolom id, judul, thumbnail. fungsinya untuk mempercepat performa dengan hanya mengambil data yang memang diperlukan maka akan memperkecil ukuran data yang dikirimkan melalui network. tips kedua kalau nemu cara implementasi tanpa menggunakan offset dan limit, yaitu menggunaoan where, maka pakailah where, karena offset dan limit lebih lambat dari where, karena offset dan limit perlu membaca seluruh data dulu sebelum menerapkan offset dan limitnya.

  • @doublekamui

    @doublekamui

    7 ай бұрын

    cara kedua ambil semua data dengan select * from tabel, lalu cache hasil querynya ke memori ram. kemudian tinggal membaca data yang uda dicache tersebut lalu melakukan mapping datanya sesuai apa aja yang akan ditampilkan dan berapa jumlahnya.

  • @anakml22
    @anakml228 ай бұрын

    Ngoding nya cuma modal hp di apk apa web mana bng,mau ngoding tapi gk tau mau make apa

  • @user-si6ue6fr2t
    @user-si6ue6fr2t8 ай бұрын

    Bang bikin avn untuk buka sesi login

  • @vincentalfarieco3032
    @vincentalfarieco30328 ай бұрын

    Bang tema vscode nya apaan bang?

  • @rinomakin21
    @rinomakin218 ай бұрын

    Bang dea rekomendasi tempat beli buku buat belajar 😄

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    togamas mayan bagus2 bro

  • @Brajatikswa
    @Brajatikswa8 ай бұрын

    Bang kok punya gw Cannot read properties of undefined (reading 'last_visible_page') Kenapa ya?

  • @riofazriseptian

    @riofazriseptian

    7 ай бұрын

    di topAnime.pagination kasih tanda tanya bro. jadi kyk gini, lastPage={topAnime.pagination?.last_visible_page}

  • @juniorkevin369
    @juniorkevin3698 ай бұрын

    Mau nanya bang. Kalo kita ngikutin dan ngerjain project tutorial gini, bisa dijadiin portfolio kita ga?

  • @VersiPertama

    @VersiPertama

    8 ай бұрын

    Bisa, tp yg terpenting tetap pemahaman dan skill

  • @juniorkevin369

    @juniorkevin369

    8 ай бұрын

    @@VersiPertama siapp. Tengkyu udah mau jawab

  • @adiatmalaksana6508
    @adiatmalaksana65088 ай бұрын

    sebut namaku bang

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    siapmalakaaaa

  • @richorasta1493
    @richorasta14938 ай бұрын

    Halo bang mau nanya nih, kalo kayak gini gimana ya TypeError: Cannot read properties of undefined (reading 'last_visible_page') mohon bantuan nya

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    coba di console log dlu bro apa datanya muncul atau engga

  • @richorasta1493

    @richorasta1493

    8 ай бұрын

    kalo kagak keluar data nya gimana tuh bang dea? @@deaafrizal

  • @zero-km6ck

    @zero-km6ck

    8 ай бұрын

    udah bisa BANG? @@richorasta1493

  • @riofazriseptian

    @riofazriseptian

    7 ай бұрын

    di topAnime.pagination kasih tanda tanya bro. jadi kyk gini, lastPage={topAnime.pagination?.last_visible_page}

  • @cokbill

    @cokbill

    7 ай бұрын

    udah mau ? cobain di pagination dikasi ?.... abc={anime.pagination?.last_visible_page}

  • @stevebrata108
    @stevebrata1088 ай бұрын

    if(page==1) return dan if(page==1037) return?

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    ayo dikit lagi itu mahhh

  • @pokemoon4012

    @pokemoon4012

    8 ай бұрын

    page ===1 ? null : page < lastPage

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    bestiessss @@pokemoon4012

  • @kyy6483
    @kyy64837 ай бұрын

    maaf mas izin tanya saya gak ada eror tapi populer nya not found padahal folder dan isi nya sudah saya buat sudah ngulang beberapa sesi tetapi tetap tidak ketemu mas mohon pencerahan nya

  • @deaafrizal

    @deaafrizal

    7 ай бұрын

    ke forum aja bro di share masalahnya, cek link nya di about youtube gue ya

  • @entahapaygini981
    @entahapaygini9818 ай бұрын

    bang saya lg belajar next js + tailwind, nah saya ada problem ketika page di refresh kadang" tailwindnya tidak bekerja kira" knp ya?

  • @VersiPertama

    @VersiPertama

    8 ай бұрын

    Di dev nya ato prod nya ?

  • @entahapaygini981

    @entahapaygini981

    8 ай бұрын

    @@VersiPertama di dev bang

  • @robbytd4759
    @robbytd47598 ай бұрын

    Bg, maaf pertanyaannya melenceng dari judul🙏 mau nanya misalkan kita punya website top up game, disaat kostumer belanja, apakah bisa web kita yang memproses untuk melakukan pengiriman diamon atau uc dengan sendirinya tanpa tindakan kita?

  • @robbytd4759

    @robbytd4759

    8 ай бұрын

    Kalau bisa bagaimana caranya atau ada tutornya gak bg?

  • @doublekamui

    @doublekamui

    8 ай бұрын

    ini perlu punya kunci api gamenya sih, biar bisa ngirimin uang pembayaran ke pihak game + mengirim id pemain ke api server gamenya biar gamenya menambahkan diamond berdasarkan id pemain secara kasarannya 😂😂😂

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    untuk hal semacam itu coba pelajari minimal api & payment gateway mas bro

  • @robbytd4759

    @robbytd4759

    8 ай бұрын

    @@deaafrizal makasi masbro

  • @robbytd4759

    @robbytd4759

    8 ай бұрын

    Makasi mas bro

  • @ignas3739
    @ignas37398 ай бұрын

    bre, gw pas coba yg halaman 1 of lastPage malah error. tulisannya last_visible_page not defined, padahal yg laen fungsi semua. gw coba console log topAnime nya malah array kosongan yg keluar. knp ya?

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    udah pake "?" atau belum masbrooh

  • @ignas3739

    @ignas3739

    8 ай бұрын

    udah pake padahal, sama aj. topanime nya baru bisa ke console.log pas gw teken tombol next page. klo pas nge load halaman populer biasa, kagak ke console log@@deaafrizal

  • @ignas3739

    @ignas3739

    8 ай бұрын

    dah bisa bos wkwk. gara2 gw ngide sendiri nyoba kirain fungsi next sama prev page nya bisa di popular bukan di pagination@@deaafrizal

  • @kiratokar9203

    @kiratokar9203

    8 ай бұрын

    @@ignas3739tadi saya dapet masalah yang sama tapi udah bener sekarang, pas pagination tambahin "?" jadi {topAnime.pagination?.last_visible_page} entah kenapa jadi work wkwkkw

  • @zero-km6ck

    @zero-km6ck

    7 ай бұрын

    Udah bisa bang?

  • @pico.9111
    @pico.91117 ай бұрын

    Halo bang, gw ad problem stiap klik button mau prev atau next selalu ada loading datanya jadi scroll behaviornya tidak berfungsi, tidak seperti di contoh yg data langsung keubah tanpa adanya loading, biasanya itu tergantung device saya yg lambat renderingnya atau emg ad caranya?

  • @deaafrizal

    @deaafrizal

    7 ай бұрын

    kalau sintaks udah sama, keknya koneksi internet bro ketika next page kan nge load dari api

  • @pico.9111

    @pico.9111

    7 ай бұрын

    @@deaafrizal update bang sudah fix, masalahnya kelebihan async aja pada component page populer yang seharusnya tidak perlu d pakai, lgsg semangat lanjut semester 4 🔥🔥

  • @ucxcl-bpdhouklaaxnq_j6ow351

    @ucxcl-bpdhouklaaxnq_j6ow351

    2 ай бұрын

    @@pico.9111 oh iya ya lupa gk dihapus. thanks

  • @victorwang6981
    @victorwang69817 ай бұрын

    33:39 punya saya ga jalan, gmna tuh ya?? bntu jwb guys nge stuck nih hehe

  • @deaafrizal

    @deaafrizal

    7 ай бұрын

    tonton dulu menit2 berikutnya, ada cara solve nya kok

  • @kresji
    @kresji7 ай бұрын

    kenapa harus di rename jadi JSX ?

  • @kresji

    @kresji

    7 ай бұрын

    secara performa apa ngaruh ?

  • @DevanRaa
    @DevanRaa8 ай бұрын

    Bang cara buat web kek dood gitu gimana ya? Kan itu bisa menghasilkan duit😅

  • @VersiPertama

    @VersiPertama

    8 ай бұрын

    Simpen videonya di cloud macam server s3, jadi kalo takedown server utamanya, storage video²nya masih aman jadi bisa bikin situs baru Terus pelajari networking dan pake server luar, gapapa user harus pake vpn yg penting birokrasi dan tracking server luar ribet jd bisa dalih kalo kita kena tangkap orang kita ga pake server lokal

  • @nurrofimutaqin7062
    @nurrofimutaqin70627 ай бұрын

    bang ko saya lastpage munculnya 1036 yaa wkwkwk

  • @deaafrizal

    @deaafrizal

    7 ай бұрын

    beda y? 🤢

  • @fury7783
    @fury77838 ай бұрын

    JAWABAN TUGAS SAYA : if (page == 1) { setPage (1) } udah bener blom bang dea? soalnya gw coba udah gk ke -1 lagi dst.

  • @zxaam8853
    @zxaam88537 ай бұрын

    eror undefined is not an object (evaluating 'topAnime.pagination.last_visible_page') gimana kang

  • @deaafrizal

    @deaafrizal

    7 ай бұрын

    pakein tanda tanya coba. topAnime?.pagination?.last_

  • @galihkusumadinata2004
    @galihkusumadinata20048 ай бұрын

    Hadir

  • @deaafrizal

    @deaafrizal

    8 ай бұрын

    oyyy

  • @rajawijaya2241
    @rajawijaya22418 ай бұрын

    maaf bang oot, cuma mau tanya, siapa tau disini ada yang bisa bantu jawab, cara bikin image placeholder yang kayak di server discord tuh gmn yaa, yang biasanya ada di portal selamat datang, nanti si bot bakal kirim gambar yang sudah ada template nya dengan teks dan gambar dinamis di dalamnya, saya rencana mau buat fitur itu di projek wa bot saya, tapi gatau bikinnya pake apa, dah coba cari beberapa di google cuma bisa ganti teks, warna ukuran doang, saya mau seperti yang ada di discord, dimana gambar background nya dari saya. terimakasih