> Canonical URL: https://codingcat.dev/podcast/2-34-WPEngine-and-FaustJS # WPEngine and FaustJS 🎧 Podcast Episode · S2E34August 3, 2022[![](/logos/tags/php-symbol-light.svg)![](/logos/tags/php-symbol-dark.svg)PHP](/topic/php)[![](/logos/tags/graphql-symbol-light.svg)![](/logos/tags/graphql-symbol-dark.svg)GraphQL](/topic/graphql)[![](/logos/tags/github-symbol-light.svg)![](/logos/tags/github-symbol-dark.svg)GitHub](/topic/github)[![](/logos/tags/storyblok-symbol-light.svg)![](/logos/tags/storyblok-symbol-dark.svg)Storyblok](/topic/storyblok)[#Headless CMS](/topic/cms)[![](/logos/tags/sveltekit-symbol-light.svg)![](/logos/tags/sveltekit-symbol-dark.svg)SvelteKit](/topic/sveltekit) # WPEngine and FaustJS ![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e276ebaf83daea241b96b2f1d1f372934413b34d-1920x1080.jpg?w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=NmoKJZg6PFY&list=UUnKZ8gEb78zXKMi1ns-IQ2g)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Kellen Mace](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/109db365496d9f14fd47539e40e8cb863b35c5ed-219x219.jpg?w=96&h=96&q=82&fit=max&auto=format)Kellen Mace](/guest/kellen-mace)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/3kwDeEJJhiOoz7R1E1cJQ4)[Apple](https://podcasts.apple.com/us/podcast/2-34-wpengine-and-faustjs/id1491655542?i=1000577145005)[YouTube](https://www.youtube.com/watch?v=NmoKJZg6PFY&list=PLUKgAjyG9B0ZhUEXp9eVa7h4L__FDW3uV)[Subscribe on YouTube (62.5K / 100K) →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Pocket Casts](https://pca.st/episode/08900d6d-c0ee-4fa4-a70c-a71c8e01342a)[Castbox](https://castbox.fm/episode/id2508485-id524630527)[Castro](https://castro.fm/episode/aTMtHG)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss) ## Episode Sponsors. [![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1564a576c0c19e1b857c9bfba3cfb6364e7af223-2400x1350.jpg?w=1920&q=82&fit=max&auto=format)Partner & Sponsor ### Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use it to deliver powerful content experiences on any frontend: Websites, eCommerce, mobile apps, AR/VR, or voice content!](https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) **WPEngine and FaustJS ** is a CodingCat.dev podcast episode featuring Kellen Mace alongside Alex Patterson and Brittney Postma focused on PHP, GraphQL, GitHub. Kellen breaks down how to use Faust.js to build your front-end applications with WordPress as the headless CMS. Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=NmoKJZg6PFY) or explore the architectural notes, chapters, and official documentation links below. ## Questions - Kellen can you give us some background on yourself? - How did you get started with WordPress and GraphQL?Why WordPress?Explain Headless WordPress - Why GraphQL? - FaustJS - auth post preview - [https://faustjs.org/](https://faustjs.org/) - Demo[Atlas](https://wpengine.com/atlas/) - [https://developers.wpengine.com/](https://developers.wpengine.com/) ## Technical Overview: WPEngine and FaustJS 2.34 - WPEngine and FaustJS with Kellen Mace: Kellen breaks down how to use Faust.js to build your front-end applications with WordPress as the headless CMS. https://codingcat.dev/podcast/2-34-WPEngine-and-FaustJS Sponsors: Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use When applying the concepts from **WPEngine and FaustJS** in a production codebase, teams working with PHP, GraphQL, GitHub, Storyblok should align their implementation with the [**PHP Official Manual**](https://www.php.net/manual/en/) (Zend Engine runtime, security hardening, and language reference). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales. ### Key Engineering Takeaways - **Core Topic Focus: ** Practical strategies for PHP, GraphQL, GitHub, Storyblok covered in "WPEngine and FaustJS" (Kellen breaks down how to use Faust.js to build your front-end applications with WordPress as the headless CMS.). - **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [PHP Official Manual](https://www.php.net/manual/en/) for type safety, performance, and long-term maintainability. - **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (WPEngine and FaustJS)](https://www.youtube.com/watch?v=NmoKJZg6PFY) and subscribe to [CodingCat.dev on YouTube](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly deep dives. ## Video Chapters & Timestamps Jump directly to any segment of [**WPEngine and FaustJS**](https://www.youtube.com/watch?v=NmoKJZg6PFY) on YouTube using the timestamped chapters below: - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): PM (EDT) - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Intro - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Hello - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): WPEngine and Faust.js - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Kelln's background - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): GraphQL for WPGraphQL - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Storyblok Sponsor Ad - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Faust.js overview - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Demo of Faust.js - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): WPEngine Atlas - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Content Models - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Query Composer - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): GitHub Code Spaces code walkthrough - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): GQty data fetching - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Visualize the WordPress Template Hierarchy - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): SAAS Backends vs. WordPress - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Where to find WPEngine goodies - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Purrfect Picks - [**00:00**](https://www.youtube.com/watch?v=NmoKJZg6PFY&t=0s): Wrapup ## Resources, Links & Official Documentation - **Watch on YouTube: ** [WPEngine and FaustJS Full Video](https://www.youtube.com/watch?v=NmoKJZg6PFY) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1)) - **storyblok.com: ** [https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=&utm_content=purrfect-podcast](https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=&utm_content=purrfect-podcast) - **Show Pick: ** [An Interactive Guide to CSS Transitions (picked by Alex Patterson)](https://www.joshwcomeau.com/animation/css-transitions/) - **Show Pick: ** [Why Next.js Won (picked by Alex Patterson)](https://youtu.be/BILxV_vrZO0) - **Show Pick: ** [Svelte Sirens Streams Headless WordPress with SvelteKit (picked by Brittney Postma)](https://www.youtube.com/watch?v=3DbRHeEll3A) - **Show Pick: ** [SvelteKit+Supabase James Q Quick (picked by Brittney Postma)](https://www.youtube.com/watch?v=YqIyET7XKIQ) - **Show Pick: ** [Video Mentions (picked by Kellen Mace)](https://VideoMentions.com) - [**Kellen Mace Guest Profile & Episodes on CodingCat.dev**](/guest/kellen-mace) - [**Kellen Mace on GitHub**](https://github.com/kellenmace) - [**Episode Sponsor: Storyblok**](https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) - [**PHP Official Manual:**](https://www.php.net/manual/en/) Zend Engine runtime, security hardening, and language reference - [**GraphQL Official Specification & Learn:**](https://graphql.org/learn/) Schema design, resolvers, queries, mutations, and federation - [**GitHub Documentation:**](https://docs.github.com/) Pull requests, GitHub Actions CI/CD, and repository security ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Content Modeling in a Headless CMS vs. Traditional Web CMS**](/post/content-modeling-in-a-headless-cms-vs-a-traditional-webcms): Learn how to model content for Headless CMS - [**GitHub CMS**](/podcast/github-cms): How to use GitHub as a CMS, or so we thought! - [**Getting GraphiQL with WordPress**](/podcast/2-9-getting-graphiql-with-wordpress): Jason Bahl joins us to talk about an amazing product he created that lets WordPress become headless with a GraphQL ## Frequently Asked Questions (FAQ) ### What are the main takeaways from WPEngine and FaustJS? Kellen breaks down how to use Faust.js to build your front-end applications with WordPress as the headless CMS. 2.34 - WPEngine and FaustJS with Kellen Mace: Kellen breaks down how to use Faust.js to build your front-end applications with WordPress as the headless CMS. https://codingcat.dev/podcast/2-34-WPEngine-and-FaustJS Sponsors: Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use Throughout this podcast, Kellen Mace breaks down real-world implementation details for PHP, GraphQL, GitHub so developers can apply these patterns directly in production. ### How do you implement PHP best practices in production? When adopting PHP and GraphQL in a production stack, start by validating your configuration against the [**PHP Official Manual**](https://www.php.net/manual/en/) (Zend Engine runtime, security hardening, and language reference). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage. ### Where can I watch the full WPEngine and FaustJS walkthrough and find related code resources? You can watch the complete video session for [**WPEngine and FaustJS**](https://www.youtube.com/watch?v=NmoKJZg6PFY) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into PHP, check out our related guide: [**Content Modeling in a Headless CMS vs. Traditional Web CMS**](/post/content-modeling-in-a-headless-cms-vs-a-traditional-webcms). ## ✏️ Episode Summary 2.34 - WPEngine and FaustJS with Kellen Mace: Kellen breaks down how to use Faust.js to build your front-end applications with WordPress as the headless CMS. https://codingcat.dev/podcast/2-34-WPEngine-and-FaustJS Sponsors: Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use ✏️ Visual Architecture Diagram ## how this episode connects together. Follow AJ from first principles to production-ready architecture. Let’s build it!✏️ Visual Diagram: WPEngine and FaustJS✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for WPEngine and FaustJS: start with Kellen Mace, implement Architecture & Patterns, and ship to production.AAA Contrast Verified ## episode picks. ### 🐾 Alex Patterson - [An Interactive Guide to CSS Transitions](https://www.joshwcomeau.com/animation/css-transitions/) - [Why Next.js Won](https://youtu.be/BILxV_vrZO0) ### 🐾 Brittney Postma - [Svelte Sirens Streams Headless WordPress with SvelteKit](https://www.youtube.com/watch?v=3DbRHeEll3A) - [SvelteKit+Supabase James Q Quick](https://www.youtube.com/watch?v=YqIyET7XKIQ) ### 🐾 Kellen Mace - [Video Mentions](https://VideoMentions.com) ## related episodes. [All Episodes→](/podcasts)[![PHP2Shell (CVE-2026-109618): How AI Found a Decade-Old Bug in 70% of the Web](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e83065d0a4e2f841ce64d3f4aea8ddbbf07e5cb9-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/php2shell-cve-2026-109618-ai-php-security-scramble)October 22, 2026[![](/logos/tags/php-symbol-light.svg)![](/logos/tags/php-symbol-dark.svg)PHP](/topic/php)[#Security](/topic/security)[#AI & Agents](/topic/ai)[+5](/post/php2shell-cve-2026-109618-ai-php-security-scramble) ### [PHP2Shell (CVE-2026-109618): How AI Found a Decade-Old Bug in 70% of the Web](/post/php2shell-cve-2026-109618-ai-php-security-scramble) Two critical pre-authentication RCE flaws in PHP (CVE-2026-109618 and CVE-2026-109619), uncovered by AI models from OpenAI and Google Gemini, sparked a global patching scramble across 70% of the web. Here is how PHP2Shell works and how to patch your servers. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![The Odin Project 2: Git & GitHub Engineering Workflows](https://cdn.sanity.io/images/hfh83o0w/production/ed2ced73d28d9e429e04e23b418bb53abf123d90-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/odin-git-and-github-workflows)November 4, 2026[![](/logos/tags/git-symbol-light.svg)![](/logos/tags/git-symbol-dark.svg)Git](/topic/git)[![](/logos/tags/github-symbol-light.svg)![](/logos/tags/github-symbol-dark.svg)GitHub](/topic/github)[#DevOps](/topic/devops)[+1](/course/odin-git-and-github-workflows) ### [The Odin Project 2: Git & GitHub Engineering Workflows](/course/odin-git-and-github-workflows) Understand how Git actually stores snapshots, master branching and interactive rebase, write atomic commits, and automate PR checks with GitHub Actions. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)