Two Ways Implement Infinite Scrolling Pagination using NextJS Server Actions + MongoDB
Two Ways Implement Infinite Scrolling Pagination using NextJS Server Actions + MongoDB
Demo: https://nextjs-infinite-scrolling-dev...
📚 Data: https://github.com/devat-youtuber/nex...
🔥Join member to get source: / @devathtml
🔥Source code: https://www.buymeacoffee.com/qk1dkys/...
🔥Source code: / 88594396
📚 Materials/References:
https://developer.mozilla.org/en-US/d...
📚 Join Membership:
/ @devathtml
📚 My Courses:
• Playlist
📚 VScode Extensions:
ES7+ React/Redux/React-Native snippets
Community Material Theme
Material Icon Theme
Live Server
☕☕ Buy Me a Coffee . Thank You ! ☕☕
https://www.buymeacoffee.com/QK1DkYS
Paypal : https://paypal.me/tuananh251192
Vietcombank: 0061001044348 (LE TUAN ANH)
Momo : 0374481936
🌎 Find Me Here:
Mail: [email protected]
Github: https://github.com/devat-youtuber
Codepen: https://codepen.io/tuan-anh-the-decod...
🚀 Please! Subscribe, Like and Share. 🔥
🚀Thanks for watching video!🔥
🚀Have you good day!🔥
#devat #reactjs #nextjs #fullstack #frontend #backend #mernstack
00:00 - Demo
01:14 - Setup NextJs & MongoDb
06:30 - Import Data
10:57 - Nav & Get All Photos
17:32 - Image Placeholder + blurDataURL
21:41 - Infinite Scroll Pagination ( 1st Way )
25:26 - Load More
32:51 - Infinite Scroll
36:29 - Optimized for blurDataURL
39:24 - Infinite Scroll Pagination ( 2nd Way )
49:30 - Deploy Vercel
