SESI4 - Pagination Core Logic | Next JS 2023

[@Esyeha]

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

[@gna3276]

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]

gassssss

[@erlan491]

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

[@dultengmax]

mantap mang gas terus

[@FaFaTeve]

Langsung gas ini mah 😅

[@ihsan1920]

buseeettt, intonya keren

[@DikiAbas-jf5nz]

Semangat ❤

[@deaafrizal]

gasss

[@andraalayubi2134]

materi mantap nih

[@vexl.project]

Siap menyimak

[@deaafrizal]

siap oy

[@Thosiro.]

​@@deaafrizalcamilan sudah siap 😂

[@realmehpjtbnew3814]

Oke mantap

[@akira_tendoo]

Langsung kita gasken

[@deaafrizal]

yowww

[@taufiqadjiesanjaya5464]

mantap kang, next nya ditunggu untuk infinite scroll logic hehe

[@fiqririzqiana]

pang nyieunin tutor laravel website e comerce+contol panel mang

[@Jonggun648]

GG onichan semangat sensei buatnya😊

[@andri21]

selanjutnya kalo boleh, buat untuk counter viewnya bang.

[@deaafrizal]

menarik

[@movica9790]

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

[@candrarahmadan5068]

bang dea, setelah setahun berlalu sejak video ini dibuat, gua coba praktek dan terkenala di menit ke 20:50, dimana untuk nextjs yang sekarang udah gak bisa lagi bikin fetching data yang pake async/await di page client server/"use client", adakah solusi untuk ini bang? terimakasih

[@shezzz761]

hadir bang

[@deaafrizal]

gass

[@henrychristian4518]

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

[@deaafrizal]

aahh manis sekali, agree bro! great job! 🔥

[@kinarvh]

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

[@rajawijaya2241]

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

[@Viddd17]

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?

[@sigitbudi934]

bang nextnya form input & hook hee

[@AramissOfficiall]

Hadir

[@deaafrizal]

woyy

[@Rifa-74]

bg page di jikan nya sudah 0 tidak bisa di last_visible_page{page}

[@Kanimenia]

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

[@fia12454]

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 😇

[@shinzouwo123]

Bang gimana pendapat mu tentang flutter bang?

[@centimeter-hg2bv]

next fitur apa lagi bang de

[@rendienggarbintangpratama1226]

Bang bikin tutorial laravel 10 donk bang

[@Brajatikswa]

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

[@riofazriseptian]

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

[@ramaalfinbaehaqi7872]

next js sama API dari laravel 10 bangg

[@ArifRahman-yr4iw]

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

[@richorasta1493]

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

[@deaafrizal]

coba di console log dlu bro apa datanya muncul atau engga

[@richorasta1493]

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

[@zero-km6ck]

udah bisa BANG? @@richorasta1493

[@riofazriseptian]

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

[@cokbill]

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

[@kyy6483]

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]

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

[@mayudi8677]

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

[@tutorialngodingg]

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

[@Kaijeee]

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

[@kenzydc3973]

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

[@deaafrizal]

kuat

[@academy2004]

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

[@muhammadrevanzafirdaus1975]

bang kok pas gw masukin pagination nya kok error ya

[@VergilSparda_JCE]

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

[@TNRANGO]

@@VergilSparda_JCE wanjir makasih infonya bg wkwkwk kok bisa bg dikasih ? bisa jelasin gak bg?

[@pico.9111]

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]

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

[@pico.9111]

@@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]

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

[@muhfikriantoaji5151]

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

[@doublekamui]

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]

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.

[@entahapaygini981]

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

[@VersiPertama]

Di dev nya ato prod nya ?

[@entahapaygini981]

@@VersiPertama di dev bang

[@kresji]

kenapa harus di rename jadi JSX ?

[@kresji]

secara performa apa ngaruh ?

[@stevebrata108]

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

[@deaafrizal]

ayo dikit lagi itu mahhh

[@pokemoon4012]

page ===1 ? null : page < lastPage

[@deaafrizal]

bestiessss @@pokemoon4012

[@rinomakin21]

Bang dea rekomendasi tempat beli buku buat belajar 😄

[@deaafrizal]

togamas mayan bagus2 bro

[@juniorkevin369]

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

[@VersiPertama]

Bisa, tp yg terpenting tetap pemahaman dan skill

[@juniorkevin369]

@@VersiPertama siapp. Tengkyu udah mau jawab

[@vincentalfarieco3032]

Bang tema vscode nya apaan bang?

[@robbytd4759]

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]

Kalau bisa bagaimana caranya atau ada tutornya gak bg?

[@doublekamui]

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]

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

[@robbytd4759]

@@deaafrizal makasi masbro

[@robbytd4759]

Makasi mas bro

[@Aldianclass]

bang selanjutnya next auth bang wkwk

[@dinosaurusrebus9061]

setujuuu

[@syuhadayusuf1543]

Bang Pascal Dong ajarin Dari 0 sampe lancar hehhee

[@farlinsptraa9478]

Bang tutor bkin siakad bang

[@deaafrizal]

noted bro

[@MuhammadilalRamdani]

Bang bikin avn untuk buka sesi login

[@Infopendekbermanfaat]

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

[@deaafrizal]

tonton dulu menit2 berikutnya, ada cara solve nya kok

[@DevanRaa]

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

[@VersiPertama]

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

[@adiatmalaksana6508]

sebut namaku bang

[@deaafrizal]

siapmalakaaaa

[@epanzoi]

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

[@nurrofimutaqin7062]

bang ko saya lastpage munculnya 1036 yaa wkwkwk

[@deaafrizal]

beda y? 🤢

[@fury7783]

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

[@zxaam8853]

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

[@deaafrizal]

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

[@dheikudeden7933]

Kenapa di bagian. 33:40 lastPage={topAnime.pagination.last_visible_page} malah TypeError: Cannot read properties of undifined (reading'last_visible_page') padahal pas di coba di console udah muncul

[@marsmellow0635]

udah di tambahin ? belum?

[@dheikudeden7933]

@@marsmellow0635 ngubek ngubek sejaman, tanya tanya chat gpt, eh pas lanjut nonton malah dikasih jawabannya ama bang dea sndiri bjir bjir :v

[@marsmellow0635]

​@@dheikudeden7933MANTAPP!!

[@rajawijaya2241]

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

[@galihkusumadinata2004]

Hadir

[@deaafrizal]

oyyy