{"data":{"markdownRemark":{"html":"<h2>Gatsby Wordpress Starter</h2>\n<p>A starter skeleton that leveraged the WordPress API for Gatsby.\nCreated by <a href=\"https://ericwindmill.com/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Eric Windmill</a> and now maintained by <a href=\"https://www.gatsbycentral.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">GatsbyCentral</a>.</p>\n<h2>Usage</h2>\n<p>Using this starter requires:</p>\n<ul>\n<li>A Wordpress account.</li>\n<li>Configuring the gatsby-config.js file. You really only need to change BaseUrl, and hostingWPCOM if you're using WP.com rather than WP.org</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">{\n     resolve: &#39;gatsby-source-wordpress&#39;,\n     options: {\n       // The base url to your WP site.\n       baseUrl: &#39;YOUR_WORDPRESS_URL&#39;,\n       // WP.com sites set to true, WP.org set to false\n       hostingWPCOM: false,\n       // The protocol. This can be http or https.\n       protocol: &#39;http&#39;,\n       // Use &#39;Advanced Custom Fields&#39; Wordpress plugin\n       useACF: true,\n       auth: {},\n       // Set to true to debug endpoints on &#39;gatsby build&#39;\n       verboseOutput: false\n     }\n   },```\n\n## Source\n* [Github](https://github.com/GatsbyCentral/gatsby-central-starter)</code></pre></div>\n<ul>\n<li>Update GraphQL queries to match your WordPress Content. This is the query currently on the index page. You either need to add ACF's in your WordPress to match the query (in this case Project and Date), or you need to remove those aspects of the query. The featured_media isn't a problem -- it'll work even if you have posts without featured images.</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">allWordpressPost <span class=\"token punctuation\">{</span>\n      edges <span class=\"token punctuation\">{</span>\n        node <span class=\"token punctuation\">{</span>\n          featured_media <span class=\"token punctuation\">{</span>\n            source_url\n          <span class=\"token punctuation\">}</span>\n          author <span class=\"token punctuation\">{</span>\n            name\n            avatar_urls <span class=\"token punctuation\">{</span>\n              wordpress_24\n              wordpress_48\n              wordpress_96\n            <span class=\"token punctuation\">}</span>\n          <span class=\"token punctuation\">}</span>\n          date\n          slug\n          title\n          modified\n          excerpt\n          id\n          acf <span class=\"token punctuation\">{</span>\n            project\n            date\n          <span class=\"token punctuation\">}</span>\n          categories <span class=\"token punctuation\">{</span>\n            name\n          <span class=\"token punctuation\">}</span>\n          tags <span class=\"token punctuation\">{</span>\n            name\n          <span class=\"token punctuation\">}</span>\n          content\n        <span class=\"token punctuation\">}</span>\n      <span class=\"token punctuation\">}</span>\n    <span class=\"token punctuation\">}</span></code></pre></div>\n<ul>\n<li>Finally, you'll probably want to update the SiteConfig to match your site.</li>\n<li>\n<p>Suggestions:</p>\n<ul>\n<li>Use the Prism WP Plugin to pass code blocks down.</li>\n<li>If you give an ACF to a single post, you must give it to EVERY post, or GraphQL gets confused.</li>\n</ul>\n</li>\n</ul>\n<h2>Features</h2>\n<h3>Provided Features</h3>\n<ul>\n<li><a href=\"https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-wordpress\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">WordPress plugin for Gatsby</a></li>\n<li>Configured to work with WordPress Advanced Custom Fields</li>\n<li>Auto generated Navigation for your Wordpress Pages</li>\n<li>Minimal UI and Styling -- highly customizable</li>\n<li>Styled Components</li>\n</ul>\n<h3>Inherited features from <a href=\"https://github.com/Vagr9K/gatsby-advanced-starter\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Gatsby Advanced Starter</a>,</h3>\n<ul>\n<li>Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files</li>\n<li>Separate components for everything</li>\n<li>\n<p>High configurability:</p>\n<ul>\n<li>User information</li>\n<li>User social profiles</li>\n<li>Copyright information</li>\n<li>More!</li>\n</ul>\n</li>\n<li>\n<p>Author segment</p>\n<ul>\n<li>Name</li>\n<li>Location</li>\n<li>Description</li>\n<li>Links</li>\n<li>Follow Me button</li>\n</ul>\n</li>\n<li>\n<p>Posts in Markdown</p>\n<ul>\n<li>Code syntax highlighting</li>\n<li>Embed YouTube videos</li>\n<li>Embed Tweets</li>\n</ul>\n</li>\n<li>\n<p>Tags</p>\n<ul>\n<li>Separate page for posts under each tag</li>\n</ul>\n</li>\n<li>\n<p>Categories</p>\n<ul>\n<li>Separate page for posts under each category</li>\n</ul>\n</li>\n<li>\n<p>Disqus support</p>\n<ul>\n<li>Notifications about new disqus comments</li>\n</ul>\n</li>\n<li>Google Analytics support</li>\n<li>NPM scripts for GitHub Pages deployment</li>\n<li>\n<p>Social features</p>\n<ul>\n<li>Twitter tweet button</li>\n<li>Facebook share/share count</li>\n<li>Reddit share/share count</li>\n<li>Google+ share button</li>\n<li>LinkedIn share button</li>\n<li>Telegram share button</li>\n</ul>\n</li>\n<li>\n<p>SEO</p>\n<ul>\n<li>Sitemap generation</li>\n<li>robots.txt</li>\n<li>General description tags</li>\n<li>Schema.org JSONLD (Google Rich Snippets)</li>\n<li>OpenGraph Tags (Facebook/Google+/Pinterest)</li>\n<li>Twitter Tags (Twitter Cards)</li>\n</ul>\n</li>\n<li>RSS feeds</li>\n<li>Loading progress for slow networks</li>\n<li>Offline support</li>\n<li>Web App Manifest support</li>\n<li>\n<p>Development tools</p>\n<ul>\n<li>ESLint for linting</li>\n<li>Prettier for code style</li>\n<li>Remark-Lint for linting Markdown</li>\n<li>write-good for linting English prose</li>\n<li>gh-pages for deploying to GitHub pages</li>\n<li>CodeClimate configuration file and badge</li>\n</ul>\n</li>\n</ul>\n<h2>Notes</h2>\n<p><a href=\"https://github.com/Vagr9K\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Ruben Harutyunyan</a> did most of the hard work with <a href=\"https://github.com/Vagr9K/gatsby-advanced-starter\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Gatsby Advanced Starter</a>.\nThe rest of the credit is due to <a href=\"https://github.com/gatsbyjs/gatsby/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Gatsby</a>.</p>\n<p>WARNING: Make sure to edit <code class=\"language-text\">static/robots.txt</code> to include your domain for the sitemap!</p>","excerpt":"Gatsby Wordpress Starter A starter skeleton that leveraged the WordPress API for Gatsby.\nCreated by  Eric Windmill  and now maintained by…","timeToRead":3,"frontmatter":{"date":"October 03, 2018","path":"/gatsby-starter-wordpress","title":"WordPress starter for GatsbyJS"}},"relatedPosts":{"edges":[{"node":{"id":"88e68246-cc05-58c4-9cb0-9fa48bc65259","frontmatter":{"title":"Gatsby v2 refactoring cheat sheet","path":"/gatsby-v2-refactoring-cheat-sheet","tags":["v2","cheat sheet"]}}},{"node":{"id":"1aef1790-d364-5a28-ade8-d6196727902c","frontmatter":{"title":"Getting started with Gatsby v2","path":"/getting-started-with-gatsby-v2","tags":["v2"]}}},{"node":{"id":"c8ef7f7d-dffc-5aae-b6a0-0084762b39f0","frontmatter":{"title":"Gatsby v2","path":"/gatsby-v2","tags":["v2","beta"]}}},{"node":{"id":"43eb2d0b-dabd-5c3d-8f96-41eeffd1c003","frontmatter":{"title":"How do layouts work in Gatsby v2","path":"/how-do-layouts-work-in-gatsby-v2","tags":["v2"]}}},{"node":{"id":"53048efa-8e60-5988-8f54-73bf441a1ab2","frontmatter":{"title":"Should I rebuild my site for Gatsby v2?","path":"/should-i-rebuild-my-site-for-gatsby-v2","tags":["v2"]}}},{"node":{"id":"36c6d2e1-eff2-5062-aee4-518ccb6f4ea8","frontmatter":{"title":"StaticQuery in Gatsby v2","path":"/staticquery-in-gatsby-v2","tags":["v2"]}}},{"node":{"id":"3a89bcb1-591a-5b78-bb39-6a8488d0ce69","frontmatter":{"title":"What's new in Gatsby v2","path":"/whats-new-in-gatsby-v2","tags":["v2","beta"]}}},{"node":{"id":"9a16f7fc-6fa5-5328-816c-35542c1c38ec","frontmatter":{"title":"When should I upgrade to Gatsby v2?","path":"/when-should-i-upgrade-to-gatsby-v2","tags":["v2"]}}},{"node":{"id":"979a29c5-06ed-5582-b0be-4c37f26b65d4","frontmatter":{"title":"Enable absolute imports for Gatsby v2","path":"/enable-absolute-imports-for-gatsby-v2","tags":["v2"]}}},{"node":{"id":"5eb98a7e-3fd2-5edf-a9f8-44f5e25da39d","frontmatter":{"title":"GatsbyJS source plugin for eventbrite.com","path":"/gatsby-source-eventbrite","tags":["v2","source","eventbrite"]}}},{"node":{"id":"737d2352-faae-5e91-b298-07399aaf3b1c","frontmatter":{"title":"Starter project for GatsbyJS","path":"/gatsby-central-starter","tags":["v2","starter"]}}}]},"allCommentsJson":null,"allRatingsJson":{"totalCount":1,"edges":[{"node":{"id":"7ec690db-b106-53e7-87fe-2720c2f35477","rating":"5"}}]}},"pageContext":{"tags":["v2","starter","wordpress"]}}