Hello guys,

I really interested in graphql. Recently, I'm following the tutorial and I have a problem when paging the query in graphql.

Assume that we have Post, Comment, Reply

• Post --(1-n)--> Comment

• Comment --(1-n)--> Reply

I followed the tutorials and end up with this schema:

schema.graphql

type Post {
  id: ID!
  content: String!
  comments: [Comment!]
}
type Comment {
  id: ID!
  content: String!
  replies: [Reply!]
}
type Reply {
  id: ID!
  content: String!
}

Query {
  posts: [Post!]
}

When Front-end side query posts, thanks to graphql, we can do all in 1 query (1):

query GetPosts {
  posts{
    ...
    comments {
      ...
      replies {
        id
        content
      }
    }
  }
}

Then I can get all comments and its corresponding replies for each post.

However, the UI design needs pagination (and most of UI models need it). Assume that we have like 100 comments and 100 replies for each comment.

So I end up doing like this:

schema.graphql

...
type Pagination {
  pageNumber: Int!
  perPage: Int!
  totalPage: Int!
}
...

type PostResponse {
  posts: [Post!]
  pagination: Pagination!
}

type CommentResponse {
  comments: [Comment!]
  pagination: Pagination!
}

type ReplyResponse {
  replies: [Reply!]
  pagination: Pagination!
}
// added three queries for each model
type Query {
  ...
  posts(pagination: Pagination): PostResponse
  comments(pagination: Pagination): CommentResponse
  replies(pagination: Pagination): ReplyResponse
}

And map it to each UI model: Post, Comment and Reply.

So eventually, the query (1) is not useful when Frontend needs to fetch each api separately (for pagination).

I think that it is useful for getting recently comments, top comments, but not for listing all comments.

Do you guys have any solution for my case? Thank you in advance.