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-devat.vercel.app/ 📚 Data: https://github.com/devat-youtuber/nextjs_infinite_scrolling_data 🔥Join member to get source: https://www.youtube.com/channel/UCGRDayozk2qch3vw-qAtQng/join 🔥Source code: https://www.buymeacoffee.com/qk1dkys/two-ways-implement-infinite-scrolling-pagination-using-nextjs-server-actions 🔥Source code: https://www.patreon.com/posts/88594396 📚 Materials/References: - https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API 📚 Join Membership: https://www.youtube.com/channel/UCGRDayozk2qch3vw-qAtQng/join 📚 My Courses: https://www.youtube.com/playlist?list=UUMOGRDayozk2qch3vw-qAtQng 📚 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-decoder/pens/public 🚀 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
Download
0 formatsNo download links available.