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
👍👍 const handlePrevPage = () => { if(page > 1){ setPage((prevState) => prevState - 1) scrollTop() } }
mantap kang, next nya ditunggu untuk infinite scroll logic hehe
buseeettt, intonya keren
Wadidaw persoalan Pagination aja riweuh kitu... beda dengan Laraval... tapi gaslah... penasaran dengam JS.
Langsung gas ini mah 😅
mantap mang gas terus
materi mantap nih
pang nyieunin tutor laravel website e comerce+contol panel mang
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
8 ай бұрын
gassssss
Oke mantap
GG onichan semangat sensei buatnya😊
Semangat ❤
@deaafrizal
8 ай бұрын
gasss
Siap menyimak
@deaafrizal
8 ай бұрын
siap oy
@Thosiro.
8 ай бұрын
@@deaafrizalcamilan sudah siap 😂
Langsung kita gasken
@deaafrizal
8 ай бұрын
yowww
bang next semestee project redux dong.. semangat bang dea dosen cuy universe👍
selanjutnya kalo boleh, buat untuk counter viewnya bang.
@deaafrizal
8 ай бұрын
menarik
Wow kaya tugas jaman dlu pak teguh y😢tpi lebih rumittt ya
bang nextnya form input & hook hee
hadir bang
@deaafrizal
8 ай бұрын
gass
Hadir
@deaafrizal
8 ай бұрын
woyy
kalau 6:06 gua tambahin if(keyword.trim() == "") return kalau pake cara yg di video kalau kita masukin spasi masih bisa kesearch bang
@deaafrizal
8 ай бұрын
aahh manis sekali, agree bro! great job! 🔥
Bang bikin tutorial laravel 10 donk bang
next js sama API dari laravel 10 bangg
next fitur apa lagi bang de
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
Bang buat web topup games dong pake payment midtrans dan next jd 😅
Bang mau nanya kalo tanpa pagination langsung ngeload data nya gitu bisa gak ya bang? Jadi tanpa per_page?
Bang gimana pendapat mu tentang flutter bang?
Bg tolong buatin tutor create akun linode dong:))dari kemarin dicancel terus bg😅
Tutornya untuk yang ddi android dong.. Cara codingnya.. Ak cmn lihat dikit.. Gk full di video nya abg
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?
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 😇
saya coba page kirim pake url jadi ga terlau rumit bang😅
Bang next bahas pawno dong soal nya jarang semoga di jawab heheh soal nya keperluan untuk belajar dev server samp.
kira kira laptop dengan Intel core i5 gen 3 kuat ga buat coding gini?
@deaafrizal
8 ай бұрын
kuat
Bang Pascal Dong ajarin Dari 0 sampe lancar hehhee
Bang tutor bkin siakad bang
@deaafrizal
8 ай бұрын
noted bro
bang selanjutnya next auth bang wkwk
@dinosaurusrebus9061
8 ай бұрын
setujuuu
bang kok pas gw masukin pagination nya kok error ya
@pratamakusma3035
7 ай бұрын
Pakein tanda tanya. "topAnime?.pagination?.last_visible_page"
kalo.logic di backend buat mainan pagination kek mana ya?
@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
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.
Ngoding nya cuma modal hp di apk apa web mana bng,mau ngoding tapi gk tau mau make apa
Bang bikin avn untuk buka sesi login
Bang tema vscode nya apaan bang?
Bang dea rekomendasi tempat beli buku buat belajar 😄
@deaafrizal
8 ай бұрын
togamas mayan bagus2 bro
Bang kok punya gw Cannot read properties of undefined (reading 'last_visible_page') Kenapa ya?
@riofazriseptian
7 ай бұрын
di topAnime.pagination kasih tanda tanya bro. jadi kyk gini, lastPage={topAnime.pagination?.last_visible_page}
Mau nanya bang. Kalo kita ngikutin dan ngerjain project tutorial gini, bisa dijadiin portfolio kita ga?
@VersiPertama
8 ай бұрын
Bisa, tp yg terpenting tetap pemahaman dan skill
@juniorkevin369
8 ай бұрын
@@VersiPertama siapp. Tengkyu udah mau jawab
sebut namaku bang
@deaafrizal
8 ай бұрын
siapmalakaaaa
Halo bang mau nanya nih, kalo kayak gini gimana ya TypeError: Cannot read properties of undefined (reading 'last_visible_page') mohon bantuan nya
@deaafrizal
8 ай бұрын
coba di console log dlu bro apa datanya muncul atau engga
@richorasta1493
8 ай бұрын
kalo kagak keluar data nya gimana tuh bang dea? @@deaafrizal
@zero-km6ck
8 ай бұрын
udah bisa BANG? @@richorasta1493
@riofazriseptian
7 ай бұрын
di topAnime.pagination kasih tanda tanya bro. jadi kyk gini, lastPage={topAnime.pagination?.last_visible_page}
@cokbill
7 ай бұрын
udah mau ? cobain di pagination dikasi ?.... abc={anime.pagination?.last_visible_page}
if(page==1) return dan if(page==1037) return?
@deaafrizal
8 ай бұрын
ayo dikit lagi itu mahhh
@pokemoon4012
8 ай бұрын
page ===1 ? null : page < lastPage
@deaafrizal
8 ай бұрын
bestiessss @@pokemoon4012
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
7 ай бұрын
ke forum aja bro di share masalahnya, cek link nya di about youtube gue ya
bang saya lg belajar next js + tailwind, nah saya ada problem ketika page di refresh kadang" tailwindnya tidak bekerja kira" knp ya?
@VersiPertama
8 ай бұрын
Di dev nya ato prod nya ?
@entahapaygini981
8 ай бұрын
@@VersiPertama di dev bang
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
8 ай бұрын
Kalau bisa bagaimana caranya atau ada tutornya gak bg?
@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
8 ай бұрын
untuk hal semacam itu coba pelajari minimal api & payment gateway mas bro
@robbytd4759
8 ай бұрын
@@deaafrizal makasi masbro
@robbytd4759
8 ай бұрын
Makasi mas bro
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
8 ай бұрын
udah pake "?" atau belum masbrooh
@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
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
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
7 ай бұрын
Udah bisa bang?
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
7 ай бұрын
kalau sintaks udah sama, keknya koneksi internet bro ketika next page kan nge load dari api
@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
2 ай бұрын
@@pico.9111 oh iya ya lupa gk dihapus. thanks
33:39 punya saya ga jalan, gmna tuh ya?? bntu jwb guys nge stuck nih hehe
@deaafrizal
7 ай бұрын
tonton dulu menit2 berikutnya, ada cara solve nya kok
kenapa harus di rename jadi JSX ?
@kresji
7 ай бұрын
secara performa apa ngaruh ?
Bang cara buat web kek dood gitu gimana ya? Kan itu bisa menghasilkan duit😅
@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
bang ko saya lastpage munculnya 1036 yaa wkwkwk
@deaafrizal
7 ай бұрын
beda y? 🤢
JAWABAN TUGAS SAYA : if (page == 1) { setPage (1) } udah bener blom bang dea? soalnya gw coba udah gk ke -1 lagi dst.
eror undefined is not an object (evaluating 'topAnime.pagination.last_visible_page') gimana kang
@deaafrizal
7 ай бұрын
pakein tanda tanya coba. topAnime?.pagination?.last_
Hadir
@deaafrizal
8 ай бұрын
oyyy
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