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

Рет қаралды 6,740

Күн бұрын

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

Пікірлер: 22

@tanmaypant8493 4 ай бұрын

THIS VIDEO WAS A LIFE SAVER!!!

@couragechidi.6716 Ай бұрын

this video was great, thanks a lot

@asfandyar8088 2 ай бұрын

Great video sir. thank you very much

@user-dg3qj3zj8h 4 ай бұрын

thank you soo much for this video

@koolam5158 24 күн бұрын

life saver, thanks a lot sir

@RaddyDev 23 күн бұрын

Glad it helped

@dogzrgood 7 ай бұрын

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

@ojal.dev. 6 ай бұрын

Your content is awesome! Just try to be regular.

@RaddyDev 7 ай бұрын

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)

@theanhcotam 2 ай бұрын

rất dễ hiểu

@1982RUFF 7 ай бұрын

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 7 ай бұрын

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

@adarshrathi8265 7 ай бұрын

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 7 ай бұрын

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

@laurraileanu8374 5 ай бұрын

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

@RaddyDev 5 ай бұрын

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

@regilearn2138 7 ай бұрын

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

@regilearn2138 7 ай бұрын

how to do both

@RaddyDev 7 ай бұрын

I could look into it. I appreciate the suggestion

@ojal_sharnagat 6 ай бұрын

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 6 ай бұрын

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 6 ай бұрын

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