# Tutorial: Pagination

DevFeed: [Tutorial: Pagination](<https://devfeed.tech/articles/tutorial-pagination-23549.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/tutorial>)

Author: Ramya Nagarajan

Published: 2017-09-19T00:10:00Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [React](<https://devfeed.tech/topics/react.md>), [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [client](<https://devfeed.tech/topics/client.md>), [Server](<https://devfeed.tech/topics/server.md>)

Tags: [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [git](<https://devfeed.tech/tags/git.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [load](<https://devfeed.tech/tags/load.md>), [pointers](<https://devfeed.tech/tags/pointers.md>), [react](<https://devfeed.tech/tags/react.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>)

## AI overview

Part 8 of a full-stack React and GraphQL tutorial series explains how to implement cursor-based pagination. It covers using cursors and limits, Apollo Client, and loading messages in smaller chunks in response to a button click.

## Source excerpt

This is part 8 of our full-stack React + GraphQL tutorial series. Each part is self-contained and introduces one new key concept, so you can either do each part separately or follow the entire series -- it's up to you! Here are the sections we've covered so far: In Parts 6 and 7 we went over how to add subscriptions to the server and hot-load changes to the server in your client. In this part, we'll add pagination so your server can send data in smaller chunks, rather than everything at once.