Why is Prismic GraphQL api only limited to 20 documents?

Levi · September 7, 2020, 4:30pm

Hi @acquisition-team. Thanks for reaching out about this. We have some updates to the GraphQL documentation coming soon that give more details about how to do pagination and how to retrieve more than 20 items from the API.

In the meantime you can explore this example project with React and GraphQL:

Specifically, you can see how to recursively fetch all your documents here:

github.com

prismicio/react-graphql-pagination-example/blob/master/src/components/pagination/AllPostsLoader.js#L9


import React, { useCallback, useEffect, useState } from 'react';
import { PostList } from '../blog-home';
import { queryPosts } from '../../utils/prismicQueries';

const AllPostsLoader = () => {
  const [blogPosts, setBlogPosts] = useState(null);

  // Recursive function to retrieve all posts
  const recursivelyFetchAllPosts = useCallback(async (currentCursor = null) => {
    const response = await queryPosts(currentCursor);
    const currentPosts = response.data.allPosts.edges.map((edge) => edge.node);

    if (!response.data.allPosts.pageInfo.hasNextPage) {
      return currentPosts;
    }

    const newCursor = response.data.allPosts.pageInfo.endCursor;
    const newPosts = await recursivelyFetchAllPosts(newCursor);

Topic		Replies	Views
Fetch all documents in getStaticPaths with GraphQL Developing with Prismic nextjs	4	1729	March 22, 2022
Fetch more than 20 documents with one query in GraphQL Developing with Prismic graphql	4	967	November 30, 2021
How to display more than 100 documents with graphql? Developing with Prismic graphql	15	2602	January 24, 2022
Paginating documents Developing with Prismic javascript	3	855	December 1, 2021
Not receiving all news entities via graphql Developing with Prismic graphql	5	781	December 9, 2021

Why is Prismic GraphQL api only limited to 20 documents?

Related topics