WPEngine and FaustJS

Original: https://codingcat.dev/podcast/2-34-WPEngine-and-FaustJS

▶ Watch on YouTube & Subscribe to CodingCat.dev

**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 or explore the architectural notes, chapters, and official documentation links below.

Questions

1. Kellen can you give us some background on yourself?
2. How did you get started with WordPress and GraphQL?
   1. Why WordPress?
      1. Explain Headless WordPress
   2. Why GraphQL?
3. FaustJS - auth post preview - https://faustjs.org/
4. Demo
   1. Atlas
   2. 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 (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 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) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of WPEngine and FaustJS on YouTube using the timestamped chapters below:

• 00:00: PM (EDT)
• 00:00: Intro
• 00:00: Hello
• 00:00: WPEngine and Faust.js
• 00:00: Kelln's background
• 00:00: GraphQL for WPGraphQL
• 00:00: Storyblok Sponsor Ad
• 00:00: Faust.js overview
• 00:00: Demo of Faust.js
• 00:00: WPEngine Atlas
• 00:00: Content Models
• 00:00: Query Composer
• 00:00: GitHub Code Spaces code walkthrough
• 00:00: GQty data fetching
• 00:00: Visualize the WordPress Template Hierarchy
• 00:00: SAAS Backends vs. WordPress
• 00:00: Where to find WPEngine goodies
• 00:00: Purrfect Picks
• 00:00: Wrapup

Resources, Links & Official Documentation

• *Watch on YouTube: *WPEngine and FaustJS Full Video (plus Subscribe to CodingCat.dev)
• *storyblok.com: *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)
• *Show Pick: *Why Next.js Won (picked by Alex Patterson)
• *Show Pick: *Svelte Sirens Streams Headless WordPress with SvelteKit (picked by Brittney Postma)
• *Show Pick: *SvelteKit+Supabase James Q Quick (picked by Brittney Postma)
• *Show Pick: *Video Mentions (picked by Kellen Mace)
• Kellen Mace Guest Profile & Episodes on CodingCat.dev
• Kellen Mace on GitHub
• Episode Sponsor: Storyblok
• PHP Official Manual: Zend Engine runtime, security hardening, and language reference
• GraphQL Official Specification & Learn: Schema design, resolvers, queries, mutations, and federation
• GitHub Documentation: 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: Learn how to model content for Headless CMS
• GitHub CMS: How to use GitHub as a CMS, or so we thought!
• 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 (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 on the CodingCat.dev YouTube channel. For a deeper dive into PHP, check out our related guide: Content Modeling in a Headless CMS vs. Traditional Web CMS.