Next.js 14 Pagination Tutorial: Server-Side with MongoDB

Welcome to my Next.js 14 Pagination Tutorial! In this tutorial, we'll dive into the world of server-side pagination using Next.js and MongoDB. Whether you're a beginner or an experienced developer, this video will walk you through the steps to implement powerful pagination for your web applications.
Demo: nextjs-playground-neon-gamma....
Github: github.com/RaddyTheBrand/next...
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Discounts:
⚡ Hostinger: www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: be.elementor.com/visit/?bta=2...
Recording Equipment:
◾ Microphone: amzn.to/3uX0yvP
◾ Shotgun Mic: amzn.to/3aRsSJb
◾ Camera: amzn.to/3IMumkx
◾ Lens: amzn.to/3ARxvh8
◾ Lighting: amzn.to/3PBetj2
Computer Gear:
◾ Keyboard: amzn.to/3RCXRcC
◾ Headphones: amzn.to/3aIvskX
◾ Mouse: amzn.to/3VfVuxO
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.uk/newsletter
🕒 Timestamps:
◾ 0:00 Introduction:
◾ 0:20 NextJs Setup
◾ 1:30 MongoDb Setup
◾ 4:34 Pagination Code
◾ 37:11 End
#nextjs #mongodb

[@RaddyDev]

I have added a demo (link in description). Are there any good NextJs pagination packages that you know of? Share below (don't share links or you might get flagged by youtube as spam)

[@tanmaypant8493]

THIS VIDEO WAS A LIFE SAVER!!!

[@couragechidi.6716]

this video was great, thanks a lot

[@asfandyar8088]

Great video sir. thank you very much

[@user-dg3qj3zj8h]

thank you soo much for this video

[@koolam5158]

life saver, thanks a lot sir

[@RaddyDev]

Glad it helped

[@dogzrgood]

Hey man! great video as always. If you take suggestions for future videos, then NextJs 14 + Tailwind + Prisma + MongoDB = eCommerce Website would be great. Another one would be NextJs 14 + Tailwind = Portfolio website. Keep up the good work. Love your Bootstrap videos

[@theanhcotam]

rất dễ hiểu

[@ojal.dev.]

Your content is awesome! Just try to be regular.

[@1982RUFF]

Thanks! Very usefull video! I try to find video which help to make filtering with checkbox and price range depends on query params using MongoDB and Next 14... but its very hard)
I will be very grateful if you can make such a video... thanks in advance!

[@RaddyDev]

That's definitely something I would like to work on soon. It's on the list 👌

[@laurraileanu8374]

isnt this code breaking when building? Dynamic Server Usage, because thats a server component using client search params

[@RaddyDev]

It builds perfectly fine and I haven't had any issues. I do see what you are saying and I will look into it. Should have used getServerSideProps instead. I assume that it works because client components are also rendered on the server. In fairness, my first pagination was done on the client side and then I converted it to Server. The params worked and didn't think twice

[@adarshrathi8265]

How I uploaded deploy full mern stack next js site upload on aws, nobody tell about that, I use filezilla but no happen, so please help

[@RaddyDev]

I did make a MERN AWS video not long ago which should help. You can do the same with NexJs, but the deployment method is very much manual. Every time you make a project chang and you want to upload, you'll have to either use GitHub to pull the new files or FTP the files, build the project and run it

[@regilearn2138]

Hi can you teach us what is server side pagination and client side pagination any tutorials in your channel for both

[@regilearn2138]

how to do both

[@RaddyDev]

I could look into it. I appreciate the suggestion

[@ojal_sharnagat]

How to do server side pagination by just fetching data from an API (without using MongoDB )?
Please help! I'm stuck in the middle of a project.

[@RaddyDev]

So SQL or no database? You could look around for react pagination tutorials. Most of them should be using some sort of an API or db

[@ojal_sharnagat]

@@RaddyDev My API is like "admin.example.in/api/schemes?page=1&limit=6"
I'm fetching the data from this API. The API has "page" & "limit" as params to pass.
How to do the server-side pagination?