Pagination in React

Add serverside pagination to a React app with Next.js and Drizzle ORM.
We'll walk through how we can set up paginated queries for a database using Drizzle ORM, use serverside URL state to navigate to different pages, add interactive UI for navigating between the pages, and how we can use suspense to defer loading of pagination to improve page loading.
Get exclusive access to my upcoming course: spacejelly.dev...
🧰 Resources
Tutorial: spacejelly.dev...
Code: github.com/col...
📺 KZbin: kzbin.info...
🐦 Twitter: / colbyfayock
📹 Twitch: / colbyfayock
✉️ Newsletter: www.colbyfayoc...
🎥 What I Use: www.colbyfayoc...
#colbyfayock #reactjs #nextjs #database #pagination #javascript #webdevelopment

[@colbyfayock]

Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

[@Tomita84]

Thanks for the content. You have a great didactic, with simple explanations and examples that are easy to understand...Congrats

[@colbyfayock]

no problem! and thanks for the kind words

[@ardianhotii]

Thank you for sharing this. Actually, I just need this right now in an app I'm building, and this would help me so much . Thank you again so much

[@colbyfayock]

awesome! happy to hear that 🙌

[@dqampire]

I'll use this in my project. Thank you

[@colbyfayock]

awesome! no problem

[@alokbaluni8760]

You're way too good!

[@colbyfayock]

🫶 thank you!

[@AndriusLau]

"If we have a slow query running..." - then we need to fix the backend :)

[@colbyfayock]

haha fair enough!

[@ooyey]

why ssr in this case?

[@colbyfayock]

React/Next.js/Vercel are really pushing SSR and streaming as ways to improve app performance with things like less code being shipped to the browser and resource loading / round trips potentially being more efficient ultimately this is just another way of being able to do it and the correct answer would be to see how your app handles both scenarios and see what both performs better and feels better from a UX perspective