OBJECT

PageInfo

Informação de paginação Relay cursor-based com cursors e flags de navegação.

Usado em: Todas as connections paginadas: client → products.pageInfo, clientProducts.pageInfo, orders.pageInfo | Veja Guia de Paginação

Campos

Campo	Tipo	Descrição
hasNextPage	Boolean!	Se existe próxima página.
hasPreviousPage	Boolean!	Se existe página anterior.
startCursor	String	Cursor do primeiro item da página.
endCursor	String	Cursor do último item da página.

Como usar paginação

Use first para limitar resultados e after com o endCursor da página anterior para avançar:

Primeira página

GraphQL

query {
  client(hostname: "minha-loja") {
    products(first: 12) {
      edges {
        node { id title price }
        cursor
      }
      pageInfo {
        hasNextPage
        endCursor
      }
    }
  }
}

Resposta

JSON

{
  "data": {
    "client": {
      "products": {
        "edges": [
          {
            "node": {
              "id": "UHJvZHVjdDox",
              "title": "Produto 1",
              "price": 5990
            },
            "cursor": "Y3Vyc29yMQ=="
          }
        ],
        "pageInfo": {
          "hasNextPage": true,
          "endCursor": "Y3Vyc29yMTI="
        }
      }
    }
  }
}

Próxima página

GraphQL

query {
  client(hostname: "minha-loja") {
    products(first: 12, after: "Y3Vyc29yMTI=") {
      edges {
        node { id title price }
        cursor
      }
      pageInfo {
        hasNextPage
        endCursor
      }
    }
  }
}