How to paginate with DatoCMS GraphQL API? (total page count, end of results)

I’ve read the DatoCMS docs on GraphQL pagination ( which explains the first (page size) and skip (page offset) properties.

But, how would one render full pagination controls? Such as:

I haven’t paginated with GraphQL before. Reading their docs (, they recommend additional API properties. That’s what I’m used to on traditional REST API endpoints too: some sort of totalCount property so I can calculate how many pages to expect, and whether a “next” page is available.

But I’m looking through the DatoCMS docs and the API explorer, and not seeing similar properties (totalCount, cursor, hasNextPage, etc).

Is there a way to render client pagination controls with DatoCMS GraphQL?

hello @alex.burner right, I’m going to amend the documentation right now, we haven’t mentioned there that you can query the meta object like this:

_allYourModelMeta {

to get the total count of the records, that should solve your problem, right?

Yes, perfect! Thank you, that’s the missing piece to make this all work

1 Like

This doesn’t actually seem possible to do? the graphql explorer refuses to accept this!

Did you add the query container?


query MyQuery {
  _allPagesMeta {

It should work?

1 Like

Hello @alex.burner how did you manage to do this? currently I am facing the same issue, with the difference I never did a pagination with graph or without, I was looking into tutorials for vue 3, however so far are apply for different cases and use a kind of end point url with a page parameter to manage the next and prev, so a different logic, if someone can suggest a good example, similar, will be really appreciate it.

hey @maria.arce we have an example in React here:

Maybe you can translate from that one?

Hello @mat_jack1 , thank you, will take a look !

1 Like