Consequatur et quisquam minus delectus tenetur.
Minus eum dolor enim. Dignissimos sit aperiam rerum laborum ut voluptatem.
Load More Pagination
- Rendering
- Server Component — reads a sets search param and renders the first 9 * sets posts from the internal /api/posts route.
- Hooks
- LoadMoreButton is a Client Component using useTransition to push an incremented sets value into the URL (scroll: false, to avoid jumping the viewport).
- Caching
- Wrapped in unstable_cache tagged ['posts'] — repeat requests reuse Next's Data Cache instead of re-hitting the API, and can all be invalidated at once with revalidateTag('posts', 'max').
- Why it helps
- Keeping progress in the URL rather than component state makes it bookmarkable and safe across back/forward navigation.
Load More Pagination
Nesciunt eligendi qui delectus quia blanditiis.
Et iste omnis est explicabo eos. Sunt blanditiis quam ad libero est asperiores et.
Quae praesentium consequatur vel eligendi iste nisi.
Consectetur inventore distinctio aperiam suscipit dolorum. Maxime neque praesentium quasi et qui.
Sunt et rerum aspernatur praesentium.
Eos laboriosam est itaque enim ratione. Quasi inventore quisquam sed harum sit non.
Quo minima quia veritatis sed aut sed fugiat.
Rerum sed minima culpa ab minima rem nobis provident. Assumenda aspernatur perferendis dolorum officia.
Odit deserunt temporibus impedit dolore.
Alias voluptatem inventore molestiae pariatur amet et. Repellat saepe suscipit expedita dolor rem porro at culpa.
Qui excepturi autem repellendus.
Distinctio et maiores occaecati iure molestiae molestiae ut. Neque suscipit quasi nisi qui quo eius et.
Beatae esse et corporis voluptas tempora.
Atque illo enim eos nulla quasi ducimus expedita. Numquam labore et explicabo qui et.
Quod optio quia nam est quod alias.
In ut ut perferendis et. Sit qui libero ut aut.