Create A Paginated API With Node.js - Complete Tutorial

Pagination is one of the easiest ways to increase the performance of any application you are working on. Luckily setting up pagination is actually pretty simple. In this video I am going to show you the exact process to set up pagination in your own API by going through three distinct steps. First we will build out the most simple pagination set up which will get us started with pagination. After that we will implement a middleware to take care of pagination for use so we can paginate all of our endpoints easily. Lastly, we will connect out paginated API to a MongoDB database so we can have a fully functional paginated API with database storage.
📚 Materials/References:
How To Install MongoDB: • How To Install MongoDB...
GitHub Code: github.com/WebDevSimplified/P...
🧠 Concepts Covered:
- How to accept pagination params in an API
- How to create a pagination middleware
- Creating a middleware that accepts parameters
- Paginating a MongoDB collection
🌎 Find Me Here:
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
#Pagination #WDS #API

[@hamzahahmad1670]

This channel is criminally underrated. You should have blown up by now. Thank you for the quick and thorough explanations.

[@WebDevSimplified]

Thanks. I feel my channel has already blown up

[@liorocker1]

Video title should be "How to master backend pagination in 24 minutes"... Amazing demo in a very short time, learning with you really rocks man. Thank you :D

[@WebDevSimplified]

Thank you so much! I try to keep my videos as short as possible, even though sometimes they get a bit long like this video. I'm glad you enjoyed every minute of it, though. :)

[@_.sunnyraj._]

*rock

[@ishraq95]

@@WebDevSimplified You are great man.. Thanks alot..

[@mdmohiuddin3141]

24 minutes for WDS means 1 hour and 30 minutes for other

[@021bethineedilakshmideepak4]

@liorocker1 can we program pagination at the front end level?

[@bastiaand]

I appreciate how you dive deeper and show useful VS Code extensions and talk a little about async, await and promises. Great job!

[@rodrigom.castilho4095]

Your didactics are simply amazing, man. It must be the 3rd or 4th time you solve an issue of mine in less than 1/3 of an already short video. AND you managed to solve another unrelated question in the meantime. Holy crap, you're an unsung hero.

[@Pareshbpatel]

A comprehensive tutorial on the pagination of data fetched from MongoDB. Smoothly and fluently presented. Thank you, Kyle.
PS This has come very fortuitously when I most needed it! - It simply popped up on my TH-cam Home Page by some weird coincidence. :-)
{2021-08-17}, {2022-07-16}, {2022-10-12}

[@xpieceofcakex]

This is quick, to the point, with excellent and easy explanations. Really enjoyed this and all of your videos ive come across. Thank you. Told all my classmates about your channel!

[@aeroprojects]

Took only 4 minutes for WDS to build a simple yet working API with the minimal file structure 👍 man, you're always so concise and effective :) Exactly what I was looking for.

[@OstonCodeCypher]

That humble voice makes everything seem easy and indeed they were easy... Thanks for the tutorial,Stay Blessed

[@WebDevSimplified]

I'm really glad I could help.

[@jordantaylor8549]

Yes I agree . I feel like a lot of creators underestimate this actually

[@ravi_m249]

You are awesome. I was interning and was assigned this task. I was planning to quit but then this video happened. Thanks 3000

[@alexgochenour8740]

I like the explanatory style. It was simple yet abstracted enough that I watched this once and was able to immediately apply this to a Lambda function, no Express in my setup. Thank you

[@julianaamerico3722]

I always learn so much from your videos! You're a really great teacher. Keep on keeping on! 👍

[@anmolpansari9817]

Web Dev Simiplified has really Simplified my life! Thank You for this amazing tutorial 😊

[@joweltisso7365]

This is what I exactly need to make a paginated API in mirage js, Thank a lot. Please keep up the good work.

[@huckbit]

Amazing tutorial, very clear and simple to follow. Thanks a lot!

[@shruthibg75]

Thanks for the amazing short , crisp video. You have explained to the point.

[@gajendra1987]

Everything here from explanation to coverage on this concept is picture perfect 👍.

[@saarang4637]

Great video. Helped me clearly understand the pagination in one shot. Superb!!!
Thank you!!

[@dnextreme]

Loved how he explained the simple yet powerful pagination concept in Node.js! Thank you very much. +subbed

[@brecoldyls]

Thanks so much for these videos Kyle, I really learn a lot from them 😃

[@ajcoder2795]

Kyle 😀.. You makes things easy honestly. 👍..Stay happy and blessed mate

[@dev-suresh]

Thanks for the pagination tutorial. It helped me a lot in doing my interview assignments

[@dgua2917]

After watching some of your old videos, I press "Like" first and then watch your latest videos.😎

[@WebDevSimplified]

Nice!

[@wPatrickGale]

SO helpful! Thank you for putting this together.

[@fernwood]

The pacing of your videos is sublime.

[@eogutier]

This is spectacularly well done and explained. Holy cow!

[@darpananeja6755]

Only one word for you mate, "Legendary!"!!

[@vibhasvaid]

Youngman you are great ! your videos are excellent and very clear.

[@ekings2119]

Simple and Clean, thank you so much.

[@HamKibz]

Thanks, man I needed this for a personal project.

[@ogtabuada]

Thank you for this. It's frightening how you made it easy to understand something that seems so complex. :)

[@SACHIN-gd6zy]

Hands down, incredible video

[@firojsiddiki2750]

thank you WEB DEV SIMPLIFIED, you explained me exacltly what i wanted and how i wanted it be explained.

[@keithvaneaton5840]

This is fantastic, thank you for your very clear teaching.
Any chance you have available or could produce a pagination tutorial explaining the process of pulling data from a public API (not from a database) and paginating those results?

[@andresaparicio7962]

you are a great instructor man!!

[@shivamgoyal7717]

Thanks Man, You helped me a lottttt to understand this concept and of course in the one go, Means a lot to me, Again Thanks Have a Great Day!

[@scottlexium]

Bro u don't know how much I love your videos 😭 do simplified.

[@nadaadeclarification]

insane class, straight and killer.

[@soufiane_krem]

That was quite helpful ! Great Video

[@surendrajadhav5565]

wow .....this video helped me alot ...thanks for making this type of tutorial/video
👍

[@alimodz6253]

man I learned more than I needed thanks!

[@claudiuciprianbetiuc3985]

Amazing demo! Thanks!

[@user-jg7zo2jx2x]

thank you!! this is awesome!!! 형 덕분에 막혔던 부분 뻥 뚫렸습니다.

[@manikandand2541]

thank you sir its really graet to meet u again in my journey

[@sebdaniel4029]

You're awesome ! Thanks a lot for each video 🙇‍♂️

[@jenniferruiz1032]

Thank you, bro!! You are very clear teaching!

[@RobertWildling]

Very impressiv!! Downvoters should leave a reason as to why they downvote - because I do not see any reason!

[@nathancullen1724]

Hi best tutorial I've seen for pagination! Quick question though, in your mongoose example you're finding all results inside a collection, I've got some some routes where I want to paginate every results and then I've got other routes where I'm queering the collection for specific results that I then want to paginate, how would I handle that in the middleware? Thank you

[@MeAsMeButMe]

Brilliant explanation, thank you!

[@aidarousjibril6323]

Great video kyle, always learn something from you, do you've any video about combinig different APIS in Node please ?

[@illiamedvedev6210]

thanks for your tutorial, you explained it all very simple and clear

[@NaveenKumar-ue6oc]

you saved my time,thanks

[@BraveHearts237]

Thanks this was very helpful

[@phenomenal-hardy4438]

thanks a lot, im subscribing this video really helps

[@vaninarayan2826]

Thanks for your amazing content

[@trickstamil7857]

thank you so much......Way of explanation was awesome.......

[@Jenna2643]

This is amazing! Thank you!

[@closed482]

You are awesome. The way of explanation is awesome

[@muhammadyaqoob8000]

Great Instructor.

[@kcdiazWTV]

Awesome tutorial. Thank you.

[@selahadinjemal7138]

Awesome, thanks!

[@fendipratama4792]

you saved my life bro, thanks in advance

[@megaplay871]

I really love how he just make it simple

[@MuhammadWaqas-ux1zu]

this is amazing . you are awesome. thanks you so much. make easy for us :)

[@jayanthit8616]

Thank You its very use full and very clear.

[@albertbarsegyan3865]

every time you are save me bro, thank you

[@tijanisylla1348]

I love this guy !

[@hectoralvarado9778]

-you are the best! thanks

[@BlueHat1]

Thank you so much!

[@GuilhermeHenrique-vo1sk]

thanks very much broww !, u did help me a lot

[@navinyele2814]

This is really amazing sir.......

[@rebarius]

Thank you so much ❤️🙌🏼

[@thezionjohnson3590]

2022 and this is still Fantastic!

[@well_done_o7]

Ur videos are in the most understandable way compared to others. Thanks you so much.. and i was hoping that is there any way that you create a video about pgination with Search bar.. pls 🙏

[@williamjog93]

Amazing, thank you!

[@prashantsharmaofficiall]

Hey Kyle, you provide us gold at worth of iron.
You are Truly a great Developer.

[@hoquang1386]

thank you very much for great content, handsome developer.

[@jiyoungyun7494]

I would like to point out that in pagination, there are 2 techniques you can use. one is LIMIT/OFFSET approach, which this video shows. An alternative is KEYSET/SEEK method. It should be noted with LIMIT/OFFSET approach, your users will see some omitted/duplicate items in your pages when someone simultaneously adds/removes some data. So if you are implementing such as infinite scroll on a many-user web-app, go for KEYSET approach instead for stable data retrieval.

[@bhupinderbhattarai244]

can you provide me source how to implement KEYSET approach?

[@angrypug4387]

God bless you, bro!

[@alanprogressive]

thanks for share! excelent explanation!!!

[@namangarg3933]

Awesome explanation man!!

[@WebDevSimplified]

Thanks

[@Infinitity8]

Thanks a lot this really helped.
:D

[@dhruvhar1683]

You are awesome, Thanks a lot for this video

[@ReinaldoTrindade]

This is gold!

[@expertvinicius]

Omg! It's so easy, thank you so much my friend. But, I'm gonna do that without Express, because I 'hate' Express hahaha. =)

[@simonoldenhove9386]

Thank you for everything.

[@derrickberg2825]

Think you could make a video on using Datatables? I'm trying to do server side processing with MongoDB with pagination. Also trying to figure out how to add buttons to each row that would change a field and a button to display a field that isn't in the table with a modal popup. Love the videos man!

[@bizimungupascal2200]

Fantastic!!!!!!

[@khalidsaifullahKS]

that was so great

[@thedeveloper643]

this is it! thank you so muchhh

[@-querthles-2331]

thank you for much :)

[@johnconnor9787]

Great video

[@sorcererstone3303]

Can someone explain why at 7:33, results array is being used twice "results.results = users.slice(startIndex, endIndex)"? One should be enough right? Why the code use dot to link the 2 results terms together?

[@ameenschools]

I always wonder why your logical thinking and solutions are concise and to the point?? do u have an explanation for that and how can a person feel that confident about programming??? what sources you use what university you attended???

[@MinhNguyen-zx8me]

This is really great. Thank you very much Kyle. I have learnt a lot. However, there is a little gotcha in this solution. In the query, we still try to query for all results in a collection before doing any filters (limit and skip. Assume that you have a really big collection, thousands or millions records, this query could take time to execute. Do you know of there is any way that we address this issue ? Again, thanks Kyle !!!

[@ChrisAthanas]

Well done

[@usabnd]

thank you. how do you do pagination on react

[@sushmithasn1440]

Amazing video. Can you also create a front end with a next and previous buttons?

[@carlosvanzego6330]

Thanks!!💻

[@FabioDBB]

Great video!
I've just a dubt though, Isn't putting previous/next infos in the response violating REST statelessness?

[@soumityachauhan8609]

😍😍 Awesome