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

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: <a href="https://developers.wpengine.com" rel="nofollow" target="_blank">https://developers.wpengine.com</a> Links:  <ul><li><a href="https://leerob.io/blog/career" rel="nofollow" target="_blank">https://leerob.io/blog/career</a></li><li><a href="https://leerob.io/blog/hypergrowth" rel="nofollow" target="_blank">https://leerob.io/blog/hypergrowth</a></li><li><a href="https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte" rel="nofollow" target="_blank">https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte</a></li></ul>

Next.js and SvelteKit with Lee Robinson

Alex Moon

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/

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: <ul><li><a href="https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4/" rel="nofollow" target="_blank">What's new in Gatsby 4</a></li><li><a href="https://developers.wpengine.com/podcast/9469664" rel="nofollow" target="_blank">Rendering patterns podcast episode</a></li></ul> Want more headless content? Go to <a href="https://developers.wpengine.com/" rel="nofollow" target="_blank">https://developers.wpengine.com/</a>

Gatsby 4 with Alex Moon

Brian Gardner

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

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:<ol><li><a href="https://briangardner.com/" rel="nofollow" target="_blank">briangardner.com</a></li><li>Twitter <a href="https://twitter.com/bgardner" rel="nofollow" target="_blank">@bgardner</a></li></ol>

Building Communities with Brian Gardner

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

The De{Code} podcast welcomes our new host, <a href="https://twitter.com/GraceErixon" rel="nofollow" target="_blank">Grace Erixon</a>. Kellen and Grace talk about Grace's development history.

Introducing Grace Erixon 

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

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

Farewell Will

Jason Bahl

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

The DevRel team invites <a href="https://twitter.com/jasonbahl" rel="nofollow" target="_blank">JSON Bahl</a> 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:<ul><li><a href="https://www.wpgraphql.com/2021/03/09/gutenberg-and-decoupled-applications/" rel="nofollow" target="_blank">Gutenberg and Decoupled Applications</a></li></ul>

Gutenberg with Jason Bahl

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)

Solutions Architect Alex Moon stops by the De{Code} pod to talk rendering in front-end development.  Links: <ul><li><a href="https://developers.wpengine.com/blog/the-when-and-where-of-rendering" rel="nofollow" target="_blank">The When and Where of Rendering</a></li><li>React's <a href="https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html" rel="nofollow" target="_blank">server components</a></li><li>Netlify's <a href="https://github.com/jamstack/jamstack.org/discussions/549" rel="nofollow" target="_blank">Distributed Persistent Rendering (DPR)</a></li></ul>

Rendering Patterns with Alex Moon

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? 

Will and Kellen give their predictions and dreams for <a href="https://nextjs.org/conf" rel="nofollow" target="_blank">Next.js conference 2021</a>. 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?

Next.js Rumor Roundup

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

The Atlas Content Modeler teams hop on the pod to discuss the new open-source tool.  Links: <ul><li>Github: <a href="https://github.com/wpengine/atlas-content-modeler" rel="nofollow" target="_blank">https://github.com/wpengine/atlas-content-modeler</a></li><li><a href="https://developers.wpengine.com/blog/what-is-atlas-content-modeler" rel="nofollow" target="_blank">https://developers.wpengine.com/blog/what-is-atlas-content-modeler</a></li></ul>

Atlas Content Modeler

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/

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:<ul><li>Phil Crumm website: <a href="https://philcrumm.com/" rel="nofollow" target="_blank">https://philcrumm.com/</a></li></ul>

Phil Crumm from 10up

Join the WP Engine Developer Relations team as they discuss all things related to headless WordPress and modern web development.

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/

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: <a href="https://events.wpengine.com/event/a1935572-690d-425a-905e-a54cfb071669/websitePage:5bbe0ca6-fd0c-4e77-b99b-de21baff9062" rel="nofollow" target="_blank">https://events.wpengine.com/event/a1935572-690d-425a-905e-a54cfb071669/websitePage:5bbe0ca6-fd0c-4e77-b99b-de21baff9062</a> Links:  <ul><li>Core Web Vitals info: <a href="https://web.dev/vitals" rel="nofollow" target="_blank">https://web.dev/vitals</a></li><li>Measurement tools:<ul><li><a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow" target="_blank">PageSpeed Insights</a> audits</li><li><a href="https://support.google.com/webmasters/answer/9205520" rel="nofollow" target="_blank">Google Search Console</a>’s Core Web Vitals report</li><li><a href="https://github.com/GoogleChrome/web-vitals" rel="nofollow" target="_blank">Web-vitals</a> JavaScript Library</li><li><a href="https://github.com/GoogleChrome/web-vitals-extension" rel="nofollow" target="_blank">Web Vitals Chrome Extension</a></li></ul></li><li>Lightweight-embedded videos: <a href="https://github.com/paulirish/lite-youtube-embed" rel="nofollow" target="_blank">https://github.com/paulirish/lite-youtube-embed</a></li><li>Shipping polyfills: <a href="https://polyfill.io/v3/" rel="nofollow" target="_blank">https://polyfill.io/v3/</a></li><li>Tweak content-visibility: <a href="https://css-tricks.com/more-on-content-visibility/" rel="nofollow" target="_blank">https://css-tricks.com/more-on-content-visibility/</a></li></ul>

Core Web Vitals

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.

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.

Styling on the Modern Web

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

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:<ul><li>Greg’s Twitter: <a href="https://twitter.com/GregRickaby" rel="nofollow" target="_blank">https://twitter.com/GregRickaby</a></li><li>Blog post: Building the Next.js 9.4 WordPress Example ​​<a href="https://webdevstudios.com/2020/06/02/building-the-nextjs-9-4-wordpress-example/" rel="nofollow" target="_blank">https://webdevstudios.com/2020/06/02/building-the-nextjs-9-4-wordpress-example/</a></li><li>Blog post: Using Next.js, WebDevStudios Built a 1,000 Page Headless WordPress Website <a href="https://webdevstudios.com/2021/03/09/next-js-headless-wordpress/" rel="nofollow" target="_blank">https://webdevstudios.com/2021/03/09/next-js-headless-wordpress/</a></li><li>Next.js WordPress Example: <a href="https://github.com/vercel/next.js/tree/canary/examples/cms-wordpress" rel="nofollow" target="_blank">https://github.com/vercel/next.js/tree/canary/examples/cms-wordpress</a></li><li>WDS Next.js WordPress Starter: <a href="https://github.com/WebDevStudios/nextjs-wordpress-starter" rel="nofollow" target="_blank">https://github.com/WebDevStudios/nextjs-wordpress-starter</a></li></ul>

Embracing Headless WordPress with Greg Rickaby

Jacob Arriola

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/

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:<ul><li>Jacob's Twitter: <a href="https://twitter.com/JacobArriola" rel="nofollow" target="_blank">https://twitter.com/JacobArriola</a></li><li>Headless WooCommerce site Jacob built: <a href="https://rudis.com/" rel="nofollow" target="_blank">https://rudis.com/</a></li><li>Jacob's Blog: <a href="https://jacobarriola.com/" rel="nofollow" target="_blank">https://jacobarriola.com/</a></li><li>Another WooCommerce podcast: <a href="https://dothewoo.io/headless-woocommerce-with-jacob-arriola/" rel="nofollow" target="_blank">https://dothewoo.io/headless-woocommerce-with-jacob-arriola/</a></li></ul>

Headless WooCommerce with Jacob Arriola

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

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 - <a href="https://events.wpengine.com/event/092db3a9-7e28-41d2-ad7e-cbb16e653eb2/websitePage:5bbe0ca6-fd0c-4e77-b99b-de21baff9062" rel="nofollow" target="_blank">https://events.wpengine.com/event/092db3a9-7e28-41d2-ad7e-cbb16e653eb2/websitePage:5bbe0ca6-fd0c-4e77-b99b-de21baff9062</a> Resources:<ul><li>Faust.js site: <a href="https://faustjs.org/" rel="nofollow" target="_blank">https://faustjs.org/</a></li><li>Faust.js docs: <a href="https://developers.wpengine.com/docs/faustjs/next/getting-started" rel="nofollow" target="_blank">https://developers.wpengine.com/docs/faustjs/next/getting-started</a></li><li>Faust.js Git Repo: <a href="https://github.com/wpengine/faustjs" rel="nofollow" target="_blank">https://github.com/wpengine/faustjs</a></li></ul>

Faust.js™

Netlify

We invite Cassidy, Ben, and Tara from the Netlify DevRel team to talk about using the Jamstack architecture with Headless WordPress.Cassidy mentions a few examples she's seen of React + Headless WordPress sites. Tara shows off a site that uses "Jamgular" (Jamstack with Angular). Ben breaks down how developers are using Vue in conjunction with headless WordPress.Finally, we talk about Netlify Edge Handlers, producing content on Astro, and up-and-coming tech that excites the Netlify team.Cassidy Williams: https://cassidoo.co/Ben Hong: https://www.bencodezen.ioTara Z. Manicsic: https://github.com/tzmanicsWebsites mentioned:https://www.harukimurakami.com/library - Website built from Angular and WordPresshttps://github.com/jamstack/jamstack.org/discussions/549 - Distributed Persistent Rendering (DPR)https://docs.netlify.com/configure-builds/on-demand-builders/ - On Demand Buildershttps://www.guggenheim.org/ https://www.netlify.com/blog/

We invite Cassidy, Ben, and Tara from the Netlify DevRel team to talk about using the Jamstack architecture with Headless WordPress. Cassidy mentions a few examples she's seen of React + Headless WordPress sites. Tara shows off a site that uses "Jamgular" (Jamstack with Angular). Ben breaks down how developers are using Vue in conjunction with headless WordPress. Finally, we talk about Netlify Edge Handlers, producing content on Astro, and up-and-coming tech that excites the Netlify team. <ul><li>Cassidy Williams: <a href="https://cassidoo.co/" rel="nofollow" target="_blank">https://cassidoo.co/</a></li><li>Ben Hong: <a href="https://cassidoo.co/" rel="nofollow" target="_blank">https://www.bencodezen.io</a></li><li>Tara Z. Manicsic: <a href="https://github.com/tzmanics" rel="nofollow" target="_blank">https://github.com/tzmanics</a></li></ul>Websites mentioned:<ul><li><a href="https://www.harukimurakami.com/library" rel="nofollow" target="_blank">https://www.harukimurakami.com/library</a> - Website built from Angular and WordPress</li><li><a href="https://github.com/jamstack/jamstack.org/discussions/549" rel="nofollow" target="_blank">https://github.com/jamstack/jamstack.org/discussions/549</a> - Distributed Persistent Rendering (DPR)</li><li><a href="https://docs.netlify.com/configure-builds/on-demand-builders/" rel="nofollow" target="_blank">https://docs.netlify.com/configure-builds/on-demand-builders/</a> - On Demand Builders</li><li><a href="https://www.guggenheim.org/" rel="nofollow" target="_blank">https://www.guggenheim.org/</a> </li><li><a href="https://www.netlify.com/blog/" rel="nofollow" target="_blank">https://www.netlify.com/blog/</a></li></ul>

Jamstack with Cassidy, Ben, and Tara from Netlify

Did you know you can have custom content types in WordPress? Will and Kellen breakdown what content types WordPress gives you out of the box (1.01), how you can extend the types of content in WordPress(21.50), and the Atlas tool that could make creating custom content easier(54.30).Links from this episode:WordPress database: https://deliciousbrains.com/tour-wordpress-database/Metadata: https://tomjn.blog/2016/12/05/post-meta-abuse/Post CRUD: https://www.youtube.com/watch?v=o-MQSKErREI

Did you know you can have custom content types in WordPress? Will and Kellen breakdown what content types WordPress gives you out of the box (1.01), how you can extend the types of content in WordPress(21.50), and the Atlas tool that could make creating custom content easier(54.30). Links from this episode:<ul><li>WordPress database: <a href="https://deliciousbrains.com/tour-wordpress-database/" rel="nofollow" target="_blank">https://deliciousbrains.com/tour-wordpress-database/</a></li><li>Metadata: https://tomjn.blog/2016/12/05/post-meta-abuse/</li><li>Post CRUD: <a href="https://www.youtube.com/watch?v=o-MQSKErREI" rel="nofollow" target="_blank">https://www.youtube.com/watch?v=o-MQSKErREI</a></li></ul>

Custom Content in WordPress

To kick off the new season of the De{Code} podcast, Will and Kellen have an epic conversation about authentication in headless WordPress. They give an overview of all the authentication strategies that exist in WordPress (6.40), a breakdown of how to leverage WordPress's cookie-based authentication (37.18), where in the stack auth occurs (52.11) and the difference between authentication and authorization. To cap it all off, Kellen gives a detailed breakdown of his authentication tutorial (1.12.01). - Kellen's Blog: https://developers.wpengine.com/blog/headless-wordpress-authentication-native-cookies- Auth video tutorial: https://www.youtube.com/watch?v=eeWxvCZHxLs

To kick off the new season of the De{Code} podcast, Will and Kellen have an epic conversation about authentication in headless WordPress. They give an overview of all the authentication strategies that exist in WordPress (6.40), a breakdown of how to leverage WordPress's cookie-based authentication (37.18), where in the stack auth occurs (52.11) and the difference between authentication and authorization.  To cap it all off, Kellen gives a detailed breakdown of his authentication tutorial (1.12.01).  - Kellen's Blog: <a href="https://developers.wpengine.com/blog/headless-wordpress-authentication-native-cookies" rel="nofollow" target="_blank">https://developers.wpengine.com/blog/headless-wordpress-authentication-native-cookies</a> - Auth video tutorial: <a href="https://www.youtube.com/watch?v=eeWxvCZHxLs" rel="nofollow" target="_blank">https://www.youtube.com/watch?v=eeWxvCZHxLs</a>

Great Authentication: How to use Auth in Headless WordPress

As the DevRel team says goodbye to the esteemed Matt Landers, Matt and Will introduce the De{Code} community to Atlas. They explain what Atlas is, Node Engine, custom content types, and the future Atlas framework.Atlas: wpengine.com/atlas

As the DevRel team says goodbye to the esteemed Matt Landers, Matt and Will introduce the De{Code} community to Atlas. They explain what Atlas is, Node Engine, custom content types, and the future Atlas framework. Atlas: <a href="http://wpengine.com/atlas" rel="nofollow" target="_blank">wpengine.com/atlas</a>

Atlas: The Headless WordPress Platform

Drew Baker

Drew Baker, technical director of Webby award-nominated web agency Funkhaus joins the podcast to talk headless. He talks about Funkhaus's experience deploying headless WordPress for clients with everything from WP GraphQL and Nuxt, how Drew's clients enjoy their fancy decoupled sites, and what might make headless more enticing to clients. Drew's GitHub: https://github.com/drewbakerFunkhaus: https://funkhaus.us/ Webby-nominated site: politicalplaylist.com

Drew Baker, technical director of Webby award-nominated web agency Funkhaus joins the podcast to talk headless. He talks about Funkhaus's experience deploying headless WordPress for clients with everything from WP GraphQL and Nuxt, how Drew's clients enjoy their fancy decoupled sites, and what might make headless more enticing to clients.  Drew's GitHub: <a href="https://github.com/drewbaker" rel="nofollow" target="_blank">https://github.com/drewbaker</a>Funkhaus: <a href="https://funkhaus.us/" rel="nofollow" target="_blank">https://funkhaus.us/</a> Webby-nominated site: <a href="https://politicalplaylist.com/" rel="nofollow" target="_blank">politicalplaylist.com</a>

Funkhaus and Headless with Drew Baker

Headless WP Podcast

The best podcast episodes on parenting. Interviewing experts and talking through common issues surrounding parenting. This topic is filled with important lessons and insights for anyone listening. Add episodes you're interested into your queue below!

OwlTail

Best Parenting Podcasts

The best podcast episodes of anyone with an interesting story. With famous guests like Obama, LeBron James, Drake, Oprah Winfrey, Richard Branson, Michelle Obama, Serena Williams, to anyone who has a unique and interesting story to tell. Add episodes you're interested into your queue below!