{"id":13630498,"url":"https://github.com/hygraph/gatsby-graphcms-example","last_synced_at":"2025-04-17T13:32:29.839Z","repository":{"id":110284690,"uuid":"112240635","full_name":"hygraph/gatsby-graphcms-example","owner":"hygraph","description":"Example of Gatsby source plugin for GraphCMS","archived":true,"fork":false,"pushed_at":"2019-02-12T09:18:02.000Z","size":670,"stargazers_count":31,"open_issues_count":2,"forks_count":9,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-11T23:37:59.851Z","etag":null,"topics":["gatsby","gatsby-plugin","gatsby-source","gatsbyjs","graphcms","graphql"],"latest_commit_sha":null,"homepage":"https://graphcms.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hygraph.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-11-27T19:44:20.000Z","updated_at":"2023-05-12T16:49:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"464eedce-3ba6-4da4-809e-efe6a903b2bc","html_url":"https://github.com/hygraph/gatsby-graphcms-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/hygraph%2Fgatsby-graphcms-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hygraph%2Fgatsby-graphcms-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hygraph%2Fgatsby-graphcms-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hygraph%2Fgatsby-graphcms-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hygraph","download_url":"https://codeload.github.com/hygraph/gatsby-graphcms-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249344853,"owners_count":21254750,"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":["gatsby","gatsby-plugin","gatsby-source","gatsbyjs","graphcms","graphql"],"created_at":"2024-08-01T22:01:45.145Z","updated_at":"2025-04-17T13:32:29.547Z","avatar_url":"https://github.com/hygraph.png","language":"JavaScript","readme":"# This example is outdated. It uses an old way to connect GraphCMS to Gatsby via the `gatsby-source-graphcms` plugin. The up to date example can be found [here](https://github.com/GraphCMS/graphcms-examples/tree/master/current/gatsby-source-plugin-blog)\n\n# gatsby-graphcms-example\n\nExample of [@GraphCMS/gatsby-source-graphcms](https://github.com/GraphCMS/gatsby-source-graphcms)\n\n## Install\n\n1. `git clone https://github.com/GraphCMS/gatsby-graphcms-example.git \u0026\u0026 cd gatsby-graphcms-example/`\n1. `yarn \u0026\u0026 yarn develop`\n\n## Graph\u003cem\u003ei\u003c/em\u003eQL\n\nFor an kitchen sink Graph\u003cem\u003ei\u003c/em\u003eQL query you can run on Gatsby’s\ngraphql debugger at \u003chttp://localhost:8000/___graphql\u003e, try this\nlink to preload with `gatsby develop` running:\n\n[Preload kitchen sink Graph\u003cem\u003ei\u003c/em\u003eQL query](http://localhost:8000/___graphql?query=%7B%0A%20%20allArtist%20%7B%0A%20%20%20%20edges%20%7B%0A%20%20%20%20%20%20artist%3A%20node%20%7B%0A%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20picture%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20handle%0A%20%20%20%20%20%20%20%20%20%20width%0A%20%20%20%20%20%20%20%20%20%20height%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20records%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20allRecord%20%7B%0A%20%20%20%20edges%20%7B%0A%20%20%20%20%20%20record%3A%20node%20%7B%0A%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20artist%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20tracks%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20%20%20aliasedLength%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20cover%20%7B%0A%20%20%20%20%20%20%20%20%20%20handle%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20reviews%20%7B%0A%20%20%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20allReview%20%7B%0A%20%20%20%20edges%20%7B%0A%20%20%20%20%20%20review%3A%20node%20%7B%0A%20%20%20%20%20%20%20%20id%0A%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20createdAt%0A%20%20%20%20%20%20%20%20record%20%7B%0A%20%20%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20%20%20artist%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20slug%0A%20%20%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20review%0A%20%20%20%20%20%20%20%20rating%0A%20%20%20%20%20%20%20%20comments%20%7B%0A%20%20%20%20%20%20%20%20%20%20body%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A)\n\nIt puts this in the console:\n\n```\n{\n  allArtist {\n    edges {\n      artist: node {\n        id\n        name\n        slug\n        picture {\n          id\n          handle\n          width\n          height\n        }\n        records {\n          id\n          slug\n          title\n        }\n      }\n    }\n  }\n  allRecord {\n    edges {\n      record: node {\n        id\n        slug\n        title\n        artist {\n          id\n          slug\n          name\n        }\n        tracks {\n          id\n          title\n          aliasedLength\n        }\n        cover {\n          handle\n        }\n        reviews {\n          id\n          slug\n          title\n        }\n      }\n    }\n  }\n  allReview {\n    edges {\n      review: node {\n        id\n        slug\n        createdAt\n        record {\n          slug\n          title\n          artist {\n            slug\n            name\n          }\n        }\n        title\n        review\n        rating\n        comments {\n          body\n        }\n      }\n    }\n  }\n}\n```\n\n## Deploy\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/GraphCMS/gatsby-graphcms-example)\n\n## Contributors\n\n* [@redmega](https://github.com/redmega) Angel Piscola\n* [@rafacm](https://github.com/rafacm) Rafael Cordones\n* [@hmeissner](https://github.com/hmeissner) Hugo Meissner\n* [@rdela](https://github.com/rdela) Ricky de Laveaga\n\n…[and you](https://github.com/GraphCMS/gatsby-source-graphcms/issues)?\n\n## [Current limitations](https://github.com/GraphCMS/gatsby-source-graphcms#current-limitations)\n\nSee https://github.com/GraphCMS/gatsby-source-graphcms for more.\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhygraph%2Fgatsby-graphcms-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhygraph%2Fgatsby-graphcms-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhygraph%2Fgatsby-graphcms-example/lists"}