{"id":13516430,"url":"https://github.com/wp-graphql/gatsby-wpgraphql-blog-example","last_synced_at":"2025-03-31T06:30:59.432Z","repository":{"id":34139981,"uuid":"164533069","full_name":"wp-graphql/gatsby-wpgraphql-blog-example","owner":"wp-graphql","description":"Demo showing how to use WPGraphQL as the source for Gatsby Sites","archived":true,"fork":false,"pushed_at":"2022-10-05T20:48:31.000Z","size":7249,"stargazers_count":147,"open_issues_count":21,"forks_count":37,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-10-29T22:37:52.320Z","etag":null,"topics":["gatsby","gatsby-sites","graphql","node","react","wordpress","wpgraphql"],"latest_commit_sha":null,"homepage":"https://gatsby-wpgraphql-blog-example.netlify.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/wp-graphql.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}},"created_at":"2019-01-08T01:54:25.000Z","updated_at":"2024-07-18T16:56:33.000Z","dependencies_parsed_at":"2023-01-15T05:00:57.645Z","dependency_job_id":null,"html_url":"https://github.com/wp-graphql/gatsby-wpgraphql-blog-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/wp-graphql%2Fgatsby-wpgraphql-blog-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wp-graphql%2Fgatsby-wpgraphql-blog-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wp-graphql%2Fgatsby-wpgraphql-blog-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wp-graphql%2Fgatsby-wpgraphql-blog-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wp-graphql","download_url":"https://codeload.github.com/wp-graphql/gatsby-wpgraphql-blog-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246059299,"owners_count":20717085,"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-sites","graphql","node","react","wordpress","wpgraphql"],"created_at":"2024-08-01T05:01:22.215Z","updated_at":"2025-03-31T06:30:59.410Z","avatar_url":"https://github.com/wp-graphql.png","language":"JavaScript","funding_links":[],"categories":["Starters"],"sub_categories":["Video Tutorials"],"readme":"# DEPRECATED\n----\nThis repository serves as an example of how to build a Gatsby site using WordPress as the CMS, WPGraphQL as the API and Gatsby Source GraphQL as the data source. \n\nThis example repo should no longer be considered \"the best\" way to use Gatsby and GraphQL anymore. Instead of using Gatsby Source GraphQL, we recommend using [Gatsby Source WordPress Experimental](https://github.com/gatsbyjs/gatsby-source-wordpress-experimental), which will soon become the official Gatsby Source WordPress. \n\nYou can read more about why previous versions of Gatsby Source WordPress and Gatsby Source GraphQL are not ideal, and why Gatsby is investing in the new Gatsby Source WordPress Experimental plugin in this WPTavern article: https://wptavern.com/new-gatsby-source-wordpress-plugin-now-in-beta\n\n----\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.gatsbyjs.org\"\u003e\n    \u003cimg alt=\"Gatsby\" src=\"https://www.gatsbyjs.org/monogram.svg\" width=\"60\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.wpgraphql.com\"\u003e\n    \u003cimg alt=\"Gatsby\" src=\"https://github.com/wp-graphql/wp-graphql/raw/develop/img/logo.png\" width=\"60\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e\n  Gatsby + WPGraphQL Blog Example\n\u003c/h1\u003e\n\nThis is an example Gatsby site using WPGraphQL as the source. \n\n## WordCamp Talk\nThis repo was created specifically for showcasing the capabilities of WPGraphQL and how it can be used in many ways. One particular use is with GatsbyJS. The WordCamp talk this repo was created for can be seen here: https://wordpress.tv/2019/03/08/jason-bahl-building-static-sites-with-wordpress-gatsby-and-wpgraphql/\n\n## Setup\n\nQuick video showing setup of the Gatsby site locally: https://www.youtube.com/watch?v=QkIuuZ5gZNk\n\n## WordPress Source\n\nThe WordPress where the content is managed lives here: [https://demo.wpgraphql.com](https://demo.wpgraphql.com)\n\n![Screenshot of the WordPress source site](./img/screenshot-demo.wpgraphql.com.png)\n\n\n## Gatsby Site\n\nThe Live Gatsby site is at: [https://gatsby-wpgraphql-blog-example.netlify.com/](https://gatsby-wpgraphql-blog-example.netlify.com/)\n\n![Screenshot of the Gatsby site](./img/screenshot-demo.gatsby-wpgraphql-blog-example.netlify.com.png)\n\n### Features\n\nBelow are features of the Gatsby site that are all sourced via WPGraphQL Queries, so the data is \nmanaged in WordPress, but is pulled into the Gatsby site and rendered there:\n\n- :white_check_mark: Menus\n- :white_check_mark: Pages\n- :white_check_mark: Paginated Blogroll/homepage\n- :white_check_mark: Single Posts\n- :white_check_mark: Authors\n- :white_check_mark: Categories\n- :white_check_mark: Tags\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwp-graphql%2Fgatsby-wpgraphql-blog-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwp-graphql%2Fgatsby-wpgraphql-blog-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwp-graphql%2Fgatsby-wpgraphql-blog-example/lists"}