Next.js Fullstack Pagination Tutorial | Drizzle, tRPC, Shadcn

[@orcdev]

Orcish Fullstack Admin slowly becoming a real project! Hope you are all enjoying! Show some love in the Horde, like this video! ⚔❤

[@auricaputri7664]

Nice video, i just started to learn pagination, then you upload this amazing tutorial 🎉🔥🔥🔥

[@orcdev]

@@auricaputri7664 Thank you! I am glad it was helpful! ⚔️ From some reason developers are afraid from pagination :D Same like tests.

[@Jackdisc567]

Like always to the point.❤❤

[@orcdev]

@@Jackdisc567 Thank you bro! Appreciate it! ⚔️❤️

[@amnotsimondev]

Nice video! About the error caused by the Link component in the pagination, just above where you put you have type paginationLinkProps. Just replace React.ComponentProps with React.ComponentProps, it should work.

[@orcdev]

Thank you very much! I'm glad you liked it. Yes that solved it! I totally missed that part :D Thank you on that one! Pushed it to the repo: github.com/TheOrcDev/orcish-fullstack-admin/commit/a35ad2b11c505195c06df6729ce20354d4faae92

[@amnotsimondev]

​@@orcdev It really helped me to figure out some stuff and your teaching style is incredibly clear, so thank you!

[@orcdev]

@@amnotsimondev Thanks for the kind words. I really appreciate it! ⚔

[@عليحامد-ك9ب]

Great video

[@orcdev]

@@عليحامد-ك9ب Thank you! I am glad it was useful to you! ⚔️

[@gustavofior7804]

great brother

[@orcdev]

For the Horde ⚔

[@nickwoodward819]

Cool video, thanks. Any idea how to deal with multiple pages? so showing 1,2,3, or 2,3,4, or 3,4,5 depending on how far you are in the list?

[@orcdev]

We could create some logic based on the current page. For example if current page is 4, show only from (4 - 2) to (4 + 2). It should look like this ... 2 3 4 5 6 ...

[@nickwoodward819]

@@orcdev thanks, will give it a try. currently fighting with the caching - i watched your video but was applying it to my own demo, and even with the Link components it seems to always hard refresh the page. i love and hate nextjs equally :D

[@orcdev]

@@nickwoodward819 Hahah, I understand the struggle :D Now with Next.js 15 it's little bit better with caching, at least you can choose when not to cache.

[@WeMakeItRainz]

yo whats that extension that shows logs from browser called?

[@orcdev]

If you mean inside the VS code that’s “Console Ninja”. Awesome extension, I am using it every day!

[@WeMakeItRainz]

@@orcdev ty!

[@orcdev]

@@WeMakeItRainz You're welcome brother!

[@dnwamu]

Would this work if im fetching data from an api

[@orcdev]

Yes! In this framework it's coming from the db also, so it's the same like using some external API.

[@uttamkumbhakar2894]

Hey can you please put this project videos in a list.

[@orcdev]

Did it already! It’s in the description of each video. I should put it on the channel also :D Here it is: kzbin.info/www/bejne/jV6llWqkr9-tadE