Integrating Infinite Scroll with Server-Side Filtering in Next Js 13
Unanswered
Havanese posted this in #help-forum
HavaneseOP
I am working on a next application that features 4 filters on the main page, with all data requests being processed server-side. I have implemented an infinite scroll feature to load additional content as the user scrolls down. However, I am encountering an issue: the filters are only applied after the user scrolls due to the server-side request processing.
My objective is to modify the system so that when filters are applied, the page resets to the beginning (page 1) displaying the newly filtered results. The challenge is to effectively integrate the infinite scroll with the filtering functionality, ensuring that the filters are applied immediately and the page is reset to the first page with the filtered data. How can I efficiently resolve this issue?
My objective is to modify the system so that when filters are applied, the page resets to the beginning (page 1) displaying the newly filtered results. The challenge is to effectively integrate the infinite scroll with the filtering functionality, ensuring that the filters are applied immediately and the page is reset to the first page with the filtered data. How can I efficiently resolve this issue?