↑ ↓ navigate↵ selectesc close
🎧 Podcast Episode · S2E34PHPGraphQLGitHubStoryblokHeadless CMSSvelteKit

WPEngine and FaustJS

Episode Sponsors.

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

Related CodingCat.dev Tutorials & Podcast Episodes

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.

✏️ 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.

✏️ Visual Diagram: WPEngine and FaustJS
✓ Good PatternVISUAL DIAGRAM
Visual Diagram: WPEngine and FaustJSVisual architectural diagram showing: Step 1: Kellen Mace (Mental model & why it matters) -> Step 2: Architecture & Patterns (Under the hood & live code) -> Step 3: Ship It Purrfectly (✓ Production trade-offs). Step-by-step diagram breakdown for WPEngine and FaustJS: start with Kellen Mace, implement Architecture & Patterns, and ship to production.✓Step 01Kellen MaceMental model & why it matters✓Step 02Architecture & PatternsUnder the hood & live code✓Step 03Ship It Purrfectly✓ Production trade-offsunroll the yarn✓ production ready
[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