Headless WP Podcast

Kirk Schwenkler is a Solutions Architect for the Developer Platform at Cloudflare. Lots of our architecture at WP Engine uses Cloudflare in different ways, as I’m sure many other tech companies do as well, so we wanted to have Kirk on to unpack some of the interesting things that Cloudflare can do for you and your projects. We dive into some of the following topics:Defining the role edge compute and CDNs play in web architectureThe difference between Cloudflare workers and traditional origin serversThe nuances of storing your data at the edgeHow the edge can work in conjunction with headless WordPressHeadless WordPress resources:https://developers.wpengine.com

4/14/23 • 58:36

Daniel Roe is on the framework team for Nuxt, a Vue-based full-stack framework. Some of our most popular content is on Nuxt and headless WordPress. A new version of Nuxt, Nuxt 3, reached a stable release late in 2022. This new version comes packed with feature upgrades and Daniel has graciously agreed to join us to help us learn more about this new version of an awesome framework. In this podcast, we get into some of the following topics:✔️ What's new in Nuxt 3 vs. Nuxt 2✔️ Using the Composition API vs. Options API in Vue 3✔️ Details about the Nuxt ecosystemNuxt 3:https://nuxt.com/docs/getting-started/introductionDaniel's Website & Twitter:https://roe.dev/https://twitter.com/danielcroeHeadless WordPress resources:https://developers.wpengine.com

3/16/23 • 66:40

Jonny Harris is a London-based WordPress developer specializing in large-scale WordPress projects and runs the Spacedmonkey consultancy. Jonny has been developing websites for over 10 years. He is most known for his open-source work in WordPress core, where he’s worked on things like Gutenberg, multisite, and the REST API. His list of former clients and employers includes names like Time Inc. UK, Google, Unsplash, and Skyscanner. Over the last year or so, Jonny has worked with the performance team in WordPress core to make WordPress faster and more performant, so we’re here to pick his brain about the WordPress backend. During this podcast, we touch on these topics:Jonny's innovative client work with organizations like Google, Skyscanner, and UnsplashUsing WordPress with a low-footprint database layer like SQLiteScaling WordPress multisite databases with tools like LudicrousDBBlocks, Gutenberg, headless WordPress, and the wp-rest-blocks pluginRecent performance improvements to the REST APIJonny's GitHubhttps://github.com/spacedmonkeyJonny's Websitehttps://www.spacedmonkey.com/Jonny's Twitterhttps://twitter.com/thespacedmonkey

2/16/23 • 72:49

In this episode, Fran and Jeff catch up with Jason Bahl, the creator of WPGraphQL to discuss a new caching extension for WPGraphQL. Jason is a figure in the headless WordPress ecosystem that likely needs no introduction, but the group discusses some of their early experiences with headless WordPress.WPGraphQL Smart Cache makes a user's GraphQL queries more efficient by providing network and object caching layer options for users using the plugin. Jason explains a ton of interesting technical details about the caching implementations. He digs into the following things:Using GET/POST requests with network requests How cache invalidation works in this plugin in a nuanced wayHow Smart Cache can work with framework rendering patternsWhat other hosting companies can do to enable WPGraphQL Smart Cache on their platformHow object caching works in the plugin if you can't integrate with a network hosting layerHow a new feature called persisted queries allows you to store your queries on the server, like a SQL stored procedureConsiderations for people using plugins or extensions to store custom dataCheck out the plugin in WordPress plugin repository and leave the WPGraphQL team some feedback or a review: https://wordpress.org/plugins/wpgraphql-smart-cache/Jason's Twitterhttps://twitter.com/jasonbahlJason's GitHubhttps://github.com/jasonbahlWPGraphQLhttps://github.com/wp-graphql/wp-graphqlWPGraphQL Smart Cachehttps://github.com/wp-graphql/wp-graphql-smart-cacheWPGraphQL Smart Cache with Next.js and Apollo by Fran Agultohttps://developers.wpengine.com/blog/wpgraphql-smart-cache-with-next-js-and-apollo

1/5/23 • 61:43

In this podcast episode, Fran and Jeff talk with Rob Humar, the head of web development at Dexertos, the world's largest esports publishing platform. As a media company, Dexertos does around 60 million monthly page views. Rob walks us through some of the details of the Dexertos tech stack, which includes Next.js and headless WordPress using WPGraphQL. Rob discusses how the primary driver of their switch to headless was new feature velocity and futureproofing their frontend stack. By sticking with WordPress as the CMS for their 80K posts, they were able to gain some of the benefits of a full rewrite without migrating CMSs. As we dig into the details, we talk about how Dexertos uses Next.js ISR WPGraphQL Smart Cache to handle some of the demands of breaking real-time news.As an international publisher, Dexertos also has sites in French and Spanish, and Rob describes how they manage all of this using WordPress multisite for the CMS and using one Next.js codebase across all three different sites. Rob walks us through what the experience for the content editor looks like on the Dexertos site, which limits some of the choices in the block editor and uses ACF to structure data for custom post types.  As of December 2022, Dexertos won esports coverage platform of the year, which is a testament to the work Rob and his team are doing on their platform.

12/15/22 • 54:25

In this episode, Fran and Jeff talk with Sam Bhagwat, the co-founder and Chief Strategy Officer at Gatsby Cloud, about the modular web and Sam’s new book. The group spends some time talking about Gatsby’s origins and how it serves the use cases of the content web. During the conversation, Sam provides a good overview of the architectural patterns that underpin the modular web and we talk about some of the different ways people talk about these moving pieces: JAMstack, decoupled, headless, etc.Sam has spent a lot of time working with organizations making the move towards modular, and he lays out a bunch of different classes of benefits as well as profiles of organizations making the switch. The conversation shifts towards the struggle of businesses integrating 3rd party systems, and Sam gives us a sneak peek into Gatsby’s Valhalla solution. The service was launched publicly since the time of this recording. When considering WordPress as a headless CMS, Sam shares his thoughts on how supporting the functionality of popular plugins is one of the opportunities we have in the ecosystem.Sam’s Posts on GatsbySam’s TwitterSam’s Book “​​Modular: The Web's New Architecture: (And How It's Changing Online Business)”  

12/2/22 • 59:36

In this episode, Jeff and Fran chat with Salma Alam-Naylor, a Staff Developer Experience Engineer at Netlify, about the state of the JAMstack ecosystem. We kick off the discussion by exploring the values of learning in public with tech blogs and dig into Salma's background in music and teaching.You can read Salma's evolving thoughts on frameworks for the web, and check out the WTF project itself.  We touch on a lot of interesting topics about programming languages in general, current trends toward HTML-focused frameworks, and how the edge can support developers in a variety of use cases.This is a wide-ranging conversation about some of the philosophies about the building blocks of the web. Salma is a prolific tech blogger, with tons of useful and thought-provoking posts. Please check out her blog or catch a stream:Salma's WebsiteSalma's Twitch Stream

11/18/22 • 62:03

In this episode, Fran and Jeff talk to Fred Schott, the co-creator of the Astro framework. Astro is a newer JavaScript framework that focuses on creating super fast content-focused sites. There is a ton of love in the JS community for Astro, and we dig into Astro's origin stories and some of Fred's background with build tools. Astro aims to reduce complexity by offering a server-first, zero-JS by default experience for building sites. For WordPress developers who've done some work with PHP, Astro invokes a lot of that simplicity. Astro also doesn't ship a frontend framework by default, so you can use React, Vue, Svelte, or any other framework you want. We touch on some additional benefits of Astro as well:Islands architectureClient directives for selectively loading JSHow Astro focuses on prioritizing content-focused sitesFred shares with us some of the future goals of Astro and talks about how it fits into the community. Astro WebsiteAstro Discord Server

11/3/22 • 55:48

In this episode, Fran and Jeff talk with Chris Wiegman, the Engineering Manager of the team working on WP Engine's Faust framework. During this quarter, the Faust framework has undergone a massive overhaul and Chris spends some time sharing details on those updates:Moving from GQty to Apollo for data fetching Implementing WP routing and template hierarchyAdding plugin functionality to Faust with hooks/actionsQ4 actions towards Gutenberg supportIf you're interested in the development of Faust, keep an eye on this space over the coming months. After teasing the possibility of renaming Faust, the current name will stick for this release, but this episode was recorded while that decision was still in flux, so please excuse any artifacts of that conversation that didn't get edited out : ) Faust WebsiteChris' WebsiteApollo GraphQL ClientGQty

10/20/22 • 50:39

In this episode, Fran and Jeff catch up with Colby Fayock, a previous guest and a Senior Developer Experience Engineer at Cloudinary. This episode touches on how Cloudinary can help developers offload, optimize, and transform images using their APIs or use their WordPress plugin for a native integration with WP admin. The group discusses how they should approach learning new technologies and explores how people in developer relations play a role in helping developers process and filter changes. Colby also maintains a popular Next.js starter for headless WordPress, so the group discusses general thoughts about headless WordPress and its approachability.  Colby's WebsiteColby's TwitterCloudinary Cloudinary WordPress Integration

10/4/22 • 52:19

In this episode, Fran and Jeff catch up with Matt Landers, the former manager of WP Engine's Dev Rel team, and discuss his new role in developer relations at Google Analytics. We take a deep dive into some of the major differences between the current iteration of Google Analytics (UA) and the next evolution of the platform (GA4).PSA: The current version of Google Analytics will be deprecated in mid-2023, so PLEASE run both tags for some period of time because the data models are very different.Matt walks us through some of the implications of using Google Analytics in a headless WP setup and shares some insights on how GA4 will handle certain aspects of privacy for our international developers. As someone who's been in the headless WordPress space for over a decade, we spend a ton of time picking Matt's brain about the origins of headless WordPress and the Atlas platform and discussing the future of WordPress as a headless CMS.  Matt's TwitterGoogle Site Kit Plugin

9/23/22 • 55:37

In this episode, Fran and Jeff talk with Alexa Spalato, the co-founder of Gatsby WP Themes, a company focused on building out Gatsby themes made to work with headless WordPress. We learn how Alexa got involved in tech, discuss some of the details of the headless theme market, and get some updates about her future as a Developer Relations Engineer in the headless CMS space.Alexa drops a ton of knowledge about how themes (of all kinds) can lower the barriers for other people, and why she decided to bet on Gatsby as a base for her own theme ventures. We hope you enjoy the episode!    Alexa's WebsiteGatsby WP Themes

9/8/22 • 52:30

In this episode, Jeff and Fran talk with Max Stoiber and Thomas Heyenbrock of Stellate, an innovative company working in the GraphQL space. Some of this episode's highlights include: learning more about Stellate's core offerings around GraphQL edge caching and analytics, along with future ambitions around unifying third-party service data in GraphQLdiscussing some of the challenges around caching GraphQL queries when compared to REST APIsdigging into the details of Stellate's WordPress plugin and their motivation behind creating it (hint: lots of people are using WPGraphQL)sharing some thoughts on why developers reach for a headless architectureMax's TwitterMax's WebsiteThomas' Twitter

8/17/22 • 54:01

In this episode, Fran and Jeff talk with Lee Robinson, the VP of Developer Experience at Vercel. We take a look at some new or now stable features in Next.js, like middleware, the image component, and ISR. Both Vercel and WP Engine support a lot of open source projects as a part of their strategies, and we dig into why that's important and good for the web in general.  Last we discuss many of Lee's ideas on how to build developer communities at both the global and local scale.Lee's TwitterLee's WebsiteLee's Post on DX

8/5/22 • 55:09

In this episode, we get things up and running for Season 3, with just a few changes. First, we've rebranded the podcast slightly by changing the name. Second, we have new co-hosts for the show. In this intro episode we dig into Fran and Jeff's backgrounds and talk about their developer origin stories. We're really excited about some the guest we have lined up for this season of the podcast, so stay tuned!Fran's Website: https://www.frantheman.dev/Jeff's Website: https://jeffreyeverhart.com/

7/21/22 • 48:06

We close out the year with Lee Robinson, the director of developer relations at Vercel. Lee talks about the current Next.js landscape within headless development, Rich Harris joining Vercel to work on SvelteKit, and whether Vercel will shift their frontends more towards SvelteKit.Headless WordPress resources:https://developers.wpengine.comLinks: https://leerob.io/blog/careerhttps://leerob.io/blog/hypergrowthhttps://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte

12/20/21 • 50:52

Alex Moon stops by to hype Gatsby 4. How did Gatsby 4 an up to 10x rendering speed? How is Gatsby future-proofing against React? They also talk about how well Gatsby plays with Faust.js.Links: What's new in Gatsby 4Rendering patterns podcast episodeWant more headless content? Go to https://developers.wpengine.com/

12/13/21 • 59:57

Kellen and Grace bring in WPEngine's new Developer Relator Brian Gardner, Founder of StudioPress, Co-creator Genesis, to talk about building development communities. Links:briangardner.comTwitter @bgardner

12/6/21 • 35:58

The De{Code} podcast welcomes our new host, Grace Erixon. Kellen and Grace talk about Grace's development history.

11/22/21 • 24:51

Will bids the De{Code} podcast adieu and reflects on his headless development journey.

11/15/21 • 50:12

The DevRel team invites JSON Bahl back onto the pod to discuss Gutenberg. Jason talks about the benefits of Gutenberg, what's lacking in Gutenberg's current implementation, and what implementations exist for rendering Gutenberg in headless WordPress.Links:Gutenberg and Decoupled Applications

11/8/21 • 49:27

Solutions Architect Alex Moon stops by the De{Code} pod to talk rendering in front-end development. Links:The When and Where of RenderingReact's server componentsNetlify's Distributed Persistent Rendering (DPR)

11/1/21 • 82:20

Will and Kellen give their predictions and dreams for Next.js conference 2021. What will happen on the 5th anniversary of Next.js? Increased support for Core Web Vitals? Support for Deno? What about running the Next.js API at build time?

10/18/21 • 64:13

The Atlas Content Modeler teams hop on the pod to discuss the new open-source tool. Links:Github: https://github.com/wpengine/atlas-content-modelerhttps://developers.wpengine.com/blog/what-is-atlas-content-modeler

10/4/21 • 64:27

Kellen and Will welcome Phil Crum from the Web Agency 10up. They discuss whether 10up plans to go all-in on headless WordPress over traditional, how the discovery phase with a client determines whether headless is right for them, and using Gutenberg in a headless architecture.Links:Phil Crumm website: https://philcrumm.com/

9/28/21 • 88:41

Have you ever heard of Core Web Vitals? Kellen and Will teach you all the basics, including how to get a good Core Web Vital score, Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift. They also break down how to measure your website against Core Web Vital principles and what tools could help you out.After you listen, don't forget to attend the Demolish Core Web Vitals event on October 21: https://events.wpengine.com/event/a1935572-690d-425a-905e-a54cfb071669/websitePage:5bbe0ca6-fd0c-4e77-b99b-de21baff9062Links: Core Web Vitals info: https://web.dev/vitalsMeasurement tools:PageSpeed Insights auditsGoogle Search Console’s Core Web Vitals reportWeb-vitals JavaScript LibraryWeb Vitals Chrome ExtensionLightweight-embedded videos: https://github.com/paulirish/lite-youtube-embedShipping polyfills: https://polyfill.io/v3/Tweak content-visibility: https://css-tricks.com/more-on-content-visibility/

9/21/21 • 70:34

Kellen and Will give a crash course in styling for the web. They go over traditional CSS, SASS, and CSS -in-JS. They also discuss how front-end frameworks account for styling and where UI libraries such as Charka and Material fit into the modern web.

9/13/21 • 78:57

Kellen interviews Greg Rickaby, Director of Engineering at WebDevStudios. Greg explains why WebDevStudios embraced headless development (1:30), how an open-source contribution to Next.JS lead to the creation of  WebDevStudios' Next.JS starter kit (9:30), and how WebDevStudios' might utilize Atlas and other technologies in the future (1:13:12).Links:Greg’s Twitter: https://twitter.com/GregRickabyBlog post: Building the Next.js 9.4 WordPress Example​​https://webdevstudios.com/2020/06/02/building-the-nextjs-9-4-wordpress-example/Blog post: Using Next.js, WebDevStudios Built a 1,000 Page Headless WordPress Website https://webdevstudios.com/2021/03/09/next-js-headless-wordpress/Next.js WordPress Example: https://github.com/vercel/next.js/tree/canary/examples/cms-wordpressWDS Next.js WordPress Starter: https://github.com/WebDevStudios/nextjs-wordpress-starter

9/7/21 • 88:57

Kellen and Will welcome Jacob Arriola from Zeek to discuss Headless WooCommerce. Jacob tells us why WooCommerce over other e-commerce solutions such as Shopify (4.18), how WPGraphQL and WooGraphQL can be used together (19.10), and the experience of building an e-commerce site the headless way and what tradeoffs had to be made to accommodate WooCommerce (39.26).Links:Jacob's Twitter: https://twitter.com/JacobArriolaHeadless WooCommerce site Jacob built: https://rudis.com/Jacob's Blog: https://jacobarriola.com/Another WooCommerce podcast: https://dothewoo.io/headless-woocommerce-with-jacob-arriola/

8/30/21 • 71:51

The team announces the new open-source WP Engine Headless WordPress framework, Faust.js ™.Upcoming Event:Learn how to set up, build, and deploy your headless WordPress site with Faust.js and Atlas - https://events.wpengine.com/event/092db3a9-7e28-41d2-ad7e-cbb16e653eb2/websitePage:5bbe0ca6-fd0c-4e77-b99b-de21baff9062Resources:Faust.js site: https://faustjs.org/Faust.js docs: https://developers.wpengine.com/docs/faustjs/next/getting-startedFaust.js Git Repo: https://github.com/wpengine/faustjs

8/23/21 • 43:54