Gatsby have just announced today the general availability of Gatsby’s completely rewritten WordPress integration! Gatsby now offers the most seamless front-end integration for your headless WordPress projects.
This WordPress plugin works by merging the WPGraphQL schema & data with the Gatsby schema & Node model which allows us to efficiently cache WP data in Gatsby. What this means is that incremental builds, fast builds, and CMS Previews work beautifully.
Headless WordPress is the practice of using WordPress as a headless CMS for your JAMstack site. Headless WordPress takes advantage of the WordPress REST API to separate its content from the frontend that displays it.
Most WordPress installations use themes, which are a collection of template files, to display content. A WordPress template file mixes HTML with PHP template tags, and controls the layout of a particular page or page type — e.g. single.php for individual blog posts; home.php for the home page. The downside of this template-based system is that the content is only available as HTML, using the document structure defined by each template.
The WordPress REST API, on the other hand, returns JSON instead of HTML. Using a content API gives you more flexibility around what kind of frontend you use: vanilla JavaScript, a native mobile application, your Gatsby site, or all of the above.
Features announced with Gatsby WordPress integration for Headless WordPress:
- Fast and Secure by Default
- Fetching WordPress Content Made Easy
- No Compromise Content Editor Workflow
- Massive Front-End Plugin Library
- New to React and GraphQL? Level Up Through Gatsby
- Reduce Your Hosting Bill (Almost to Zero)
Check the getting started with Gatsby, to learn how to install the solution then you should have a look at the tutorial to get your first site up and running. Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps released under an MIT license.
More information about Gatsby at https://www.gatsbyjs.com/,
Gatsby WordPress integration is available here https://www.gatsbyjs.com/plugins/gatsby-source-wordpress/
