PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
No Result
View All Result
Home Web Dev

Headless WordPress with Gatsby Cloud

July 13, 2020
in Web Dev
277 15
Headless WordPress with Gatsby Cloud


Today we are excited to announce that Gatsby’s new source plugin for WordPress has launched in beta!

This new release delivers major improvements to our headless WordPress integration with Gatsby and Gatsby Cloud. Checkout these updates in the demo video below to see how your content editors’ creative powers will be amplified through near-instant publishing and live content previews, thanks to Incremental Builds — available only on Gatsby Cloud! — and Gatsby Preview.

Now you can adopt Gatsby for your agency or organization’s most ambitious web projects and empower your content editors with a familiar publishing workflow!

New Features

The new source plugin for WordPress gives you the following enhanced developer and content editor experience:

  • Preview content as you write it with Gatsby Preview
  • Update or publish new content almost instantly with Incremental Builds, available only on Gatsby Cloud
  • Links and images within the HTML of content can be used with gatsby-image and gatsby-link. This fixes a common complaint about the original source plugin for WordPress.
  • Limit the number of nodes fetched during development, so you can rapidly make changes to your site while creating new pages and features
  • Only images that are referenced in published content are processed by Gatsby, so a large media library won’t slow down your build times
  • Any WPGraphQL extension automatically makes its data available to your Gatsby project. This means your site can leverage popular WordPress SEO, content modeling, translation, and ecommerce plugins through a single Gatsby source plugin.

How to start using the new WordPress source plugin

Follow the steps below to bring Gatsby Preview and Incremental Builds to your Gatsby/WordPress project:

  1. Get the source plugin and its dependencies from the Gatsby repository: https://github.com/gatsbyjs/gatsby-source-wordpress-experimental

  2. Add WPGraphQL and WPGatsby to your WordPress installation. These two free WordPress plugins will turn your site into a GraphQL server, and enable Gatsby Preview.

  3. Build your project with Gatsby Cloud, and enjoy near instant content publishing speeds. Please see the full Gatsby Cloud + WordPress documentation for more details.



Source link

Share219Tweet137Share55Pin49

Related Posts

Reader Question: Why did you choose Statamic for Laravel News?
Web Dev

Reader Question: Why did you choose Statamic for Laravel News?

Steve McDougall asked us a great question on Twitter about our redesign and relaunch of Laravel News on Statamic:...

February 26, 2021
Building User Trust In UX Design — Smashing Magazine
Web Dev

Building User Trust In UX Design — Smashing Magazine

About The AuthorAdam is a senior lead UX/UI designer with more than 8 years of experience. Adam’s passion for...

February 26, 2021
Laravel Themer package: add multi-theme support for Laravel application
Web Dev

Laravel Themer package: add multi-theme support for Laravel application

This Laravel Themer package adds multi-theme support to your Laravel application. It also provides a simple authentication scaffolding and...

February 26, 2021
CSS transitions and hover animations, an interactive guide
Web Dev

CSS transitions and hover animations, an interactive guide

The world of web animations has become a sprawling jungle of tools and technologies. Libraries like GSAP and Framer...

February 26, 2021
Next Post
Building an electronic security lock using serverless : idk.dev

Building an electronic security lock using serverless : idk.dev

Develop an application migration methodology to modernize your data warehouse with Amazon Redshift : idk.dev

Develop an application migration methodology to modernize your data warehouse with Amazon Redshift : idk.dev

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended

Seamless Pattern Maker – Create Unlimited Seamless Patterns For Free

Seamless Pattern Maker – Create Unlimited Seamless Patterns For Free

June 20, 2020
How to Get Sticky and Full-Bleed Elements to Play Well Together

How to Get Sticky and Full-Bleed Elements to Play Well Together

December 4, 2020
Two Issues Styling the Details Element and How to Solve Them

Two Issues Styling the Details Element and How to Solve Them

January 13, 2021
Replacing web server functionality with serverless services : idk.dev

Replacing web server functionality with serverless services : idk.dev

July 27, 2020

Categories

  • AWS
  • Big Data
  • Database
  • DevOps
  • IoT
  • Linux
  • Web Dev
No Result
View All Result
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In