{"id":19903305,"url":"https://github.com/prismicio/react-graphql-pagination-example","last_synced_at":"2025-05-03T00:30:46.964Z","repository":{"id":44821225,"uuid":"273521638","full_name":"prismicio/react-graphql-pagination-example","owner":"prismicio","description":"Example React website with GraphQL, Previews, \u0026 Pagination","archived":true,"fork":false,"pushed_at":"2022-01-22T12:45:05.000Z","size":390,"stargazers_count":6,"open_issues_count":2,"forks_count":7,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-16T09:30:48.102Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"react-graphql-pagination-example.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/prismicio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-19T15:04:01.000Z","updated_at":"2024-05-20T08:07:25.000Z","dependencies_parsed_at":"2022-09-19T07:42:00.976Z","dependency_job_id":null,"html_url":"https://github.com/prismicio/react-graphql-pagination-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prismicio%2Freact-graphql-pagination-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prismicio%2Freact-graphql-pagination-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prismicio%2Freact-graphql-pagination-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prismicio%2Freact-graphql-pagination-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prismicio","download_url":"https://codeload.github.com/prismicio/react-graphql-pagination-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252126392,"owners_count":21698962,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T20:23:03.664Z","updated_at":"2025-05-03T00:30:46.364Z","avatar_url":"https://github.com/prismicio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Prismic GraphQL Pagination \u0026 Preview Example\nThis project is an implementation of the Prismic blog site demo using ReactJS with GraphQL. It includes fully working Preview functionality as well as four different examples of working with the GraphQL Pagination system.\n\nCheck out the live demo of this project [here](https://prismic-graphql-pagination.netlify.app/all-posts).\n\n## Pagination examples\nThe 4 implementations using the GraphQL pagination demonstrated in this project are:\n- Recursively querying all documents of a type (more than the 20 item limit)\n- An infinite loader button\n- Next \u0026 Previous results buttons\n- A full pagination example\n\n## Getting started\nHere is how to get this example project up and running.\n\n### Install dependencies\nAfter downloading the project files. Open your terminal to the root of the project and run the following command.\n\n```\nnpm install\n```\n\n### Run the app in the dev mode\nRun the following command and open your browser to http://localhost:3000 to view the project in development mode.\n\n```\nnpm start\n```\n\n### Build the app for production\nRun the following command to generate the `build` folder to use for your production deployment.\n\n```\nnpm run build\n```\n\n## Deployment\nThis project is ready for deployment using [Netlify](https://www.netlify.com). If you're interested in deploying to other platforms review the suggested [solutions](https://facebook.github.io/create-react-app/docs/deployment).\n\n## Get started with Prismic\nYou can find out how to get started with Prismic from [our React documentation](https://prismic.io/docs/reactjs/getting-started/getting-started-from-scratch).\n\n## Licence\nThis software is licensed under the Apache 2 license, quoted below.\n\nCopyright 2020 Prismic (https://prismic.io).\n\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use this project except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprismicio%2Freact-graphql-pagination-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprismicio%2Freact-graphql-pagination-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprismicio%2Freact-graphql-pagination-example/lists"}