Workshop: Mixing Content, Commerce, and SEO with Headless WordPress

Matt Landers

Exploring the WordPress Graph with Next.js & WPGraphQL

Scaling WordPress with Next.js

Colby Fayock

Will Johnston

Using GraphQL on WordPress

Sid Chatterjee

Building React frontends for WordPress

Pablo Postigo

Remixing WordPress: Building a Headless Site with Remix, WPGraphQL, and Web Fundamentals

Jeff Everhart

Build a Headless WordPress App with Next.js and WPGraphQL

Kellen Mace

React Summit

React Summit 2022

<p>One of the largest draws of headless or decoupled WordPress architecture is that we can endlessly remix the WordPress CMS that content creators love with the latest and greatest of web technology. This presentation will demonstrate how quickly a developer can get up and running with headless WordPress development using the Remix full stack framework. Using open source tools like WPGraphQL and Atlas Content Modeler, you can transform your WordPress site into a powerful headless CMS that serves data via GraphQL. We’ll see how we can query for and use that data in a Remix app, and also discuss how the framework’s focus on web fundamentals can benefit both the developer and the visitors who use our sites.</p>

GraphQL Galaxy

GraphQL Galaxy 2021

<p>Headless Wordpress using its built-in REST API is a powerful solution to scale WordPress to the web, but complex relationships can easily turn into chains of requests, making maintainability difficult along with the potential cost of performance.</p><p><br /></p><p>With WPGraphQL, we can harness the benefits of GraphQL, leading to a better developer experience and optimized request logic, making sure we’re only delivering what we need to our users.</p><p>We’ll explore these advantages and how these pieces fit together with modern tools like Next.js to build great experiences for the web.<br /><br /><a href="https://www.colfayock.com/event-notes/graphql-galaxy-2021" target="_blank">Slides &amp; more</a></p><p>  <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a></p>

GraphQL Galaxy 2020

<div><div><div><div><div><p>WordPress has been around for a really long time and is the most popular CMS on the web. Consuming its REST API however to build modern static sites leaves a lot to be desired. In this talk, we’ll live code a site that consumes WordPress over GraphQL and see the power of GraphQL in making mature and familiar services, easy to consume.</p></div></div></div></div></div><div><div><div></div></div></div><p>  <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a></p>

JSNation Live

JSNation Live 2020

<p>In this talk, Pablo Postigo, co-Founder and CEO of Frontity, will give an introduction to the basics of Frontity Framework and talk about the main challenges when developing a React front-end for a headless WordPress site. In addition, he will share his insight on the future of JavaScript in the WordPress ecosystem and the story behind Frontity.</p><p>  <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a></p>

React Summit Remote Edition

React Summit Remote Edition 2021

<p>As modern as the web is, WordPress is still king. It’s not the most scalable, but is still compelling with its long history and UX. How can we leverage Next.js to bring WordPress to the modern web? We’ll walk through the tools that Next.js provides us to scale WordPress to the world. We’ll talk about what APIs we can use to easily wrangle WordPress content and how we can make the dynamic bits static.</p><p>  <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a></p>

<p>In this workshop, you’ll learn how to build a Next.js app that uses Apollo Client to fetch data from a headless WordPress backend and use it to render the pages of your app. You’ll learn when you should consider a headless WordPress architecture, how to turn a WordPress backend into a GraphQL server, how to compose queries using the GraphiQL IDE, how to colocate GraphQL fragments with your components, and more.</p>

<p>When working with Headless WordPress it can be daunting having to setup an e-commerce site. This workshop will take you through connecting a Shopify app with your WordPress site, linking your WordPress content to your Shopify products, building a React and NextJS frontend to show your products and posts, using Yoast SEO, and deploying your site to WP Engine’s Atlas platform.</p><p>  <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a></p>

#wordpress