> Canonical URL: https://codingcat.dev/podcast/2-9-getting-graphiql-with-wordpress # Getting GraphiQL with WordPress 🎧 Podcast Episode · S2E9March 2, 2022 # Getting GraphiQL with WordPress ![](https://cdn.sanity.io/images/hfh83o0w/production/87be5d9397ed05133670c8a545b977fe89b8aa3f-1920x1080.jpg?w=1920&h=1080&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/images/hfh83o0w/production/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Jason Bahl](https://cdn.sanity.io/images/hfh83o0w/production/1b899cd24d2f8f0abb0073195fb14dc4a5743b32-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Jason Bahl](/guest/jason-bahl)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/7rP95q1dYXIJSv24jlWZnL)[Apple](https://podcasts.apple.com/us/podcast/2-9-getting-graphiql-with-wordpress/id1491655542?i=1000566525004)[YouTube](https://www.youtube.com/watch?v=1HZyAoXuaVE)[Pocket Casts](https://pca.st/episode/9b4c5c23-0cf3-4772-bafe-577b4f38113f)[Castbox](https://castbox.fm/episode/id2508485-id505139928)[Castro](https://castro.fm/episode/exGKmw)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss) ## Episode Sponsors. [![CodingCat.dev tutorial cover image](https://cdn.sanity.io/images/hfh83o0w/production/e355e7e90e37726637596011069c154ae515da9f-1200x675.png?w=1200&q=82&fit=max&auto=format)Partner & Sponsor ### Builder.io Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provide whole-team autonomy with a platform that is developer approved.](https://www.builder.io/?utm_source=codingcatdev)✏️ Visual Architecture Diagram ## how this episode connects together. Follow AJ from first principles to production-ready architecture. Let’s build it!✏️ Visual Diagram: Getting GraphiQL with WordPress✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Getting GraphiQL with WordPress: start with Jason Bahl, implement Architecture & Patterns, and ship to production.AAA Contrast Verified **Getting GraphiQL with WordPress ** is a CodingCat.dev podcast episode featuring Jason Bahl alongside Alex Patterson and Brittney Postma focused on GraphQL, PHP, Builder.io. Jason Bahl joins us to talk about an amazing product he created that lets WordPress become headless with a GraphQL. Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=1HZyAoXuaVE) or explore the architectural notes, chapters, and official documentation links below. ## Questions - Tell us a little bit about your background. - How did you get involved in GraphQl with WordPress? - Will GraphQL ever get put into the WordPress core? - What is the easiest way to setup WordPress and WPGraphQL for a greenfield project? - WPGraphQL demo. - GraphQL Fragments - [https://www.apollographql.com/docs/react/data/fragments/](https://www.apollographql.com/docs/react/data/fragments/) - Pagination - [https://graphql.org/learn/pagination/](https://graphql.org/learn/pagination/) - Forward and Backward Pagination with WPGraphQL - [https://www.wpgraphql.com/2020/03/26/forward-and-backward-pagination-with-wpgraphql/](https://www.wpgraphql.com/2020/03/26/forward-and-backward-pagination-with-wpgraphql/) - Atlas Content Model Demo ## Additional Links - WPGraphQL GitHub - https://github.com/wp-graphql/wp-graphql - WPGraphQL Wordpress Plugin - [https://wordpress.org/plugins/wp-graphql/](https://wordpress.org/plugins/wp-graphql/) - Wordpress to Jamstack - [https://codingcat.dev/podcast/1-11-moving-from-wordpress-to-jamstack](/podcast/1-11-moving-from-wordpress-to-jamstack) - Wordpress.tv - developers.wpengine.com - ## Technical Overview: Getting GraphiQL with WordPress 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. https://codingcat.dev/podcast/2-9-getting-graphiql-with-wordpress Sponsors https://Builder.io Empower your entire team to visually create and optimize high-speed experiences on your, this episode we sit down with jason ball and getting graphical with wordpress jason is the creator and maintainer of wp graphql we get to talk all about graphql and how we can use wordpress as a headless cms check it out welcome back peeps to perfect.dev where we give you cats the freshest dose of dev snacks now with your amazing hosts alex patterson and brittany postma this episode is sponsored b... In the recorded walkthrough, the session covers: How we can use wordpress as a headless cms check it out welcome back peeps to perfect.dev where we give cats the freshest dose of dev snacks now with your amazing hosts alex patterson and brittany postma this episode is sponsored by builder io visually build on your tech stack and jason ball what up jason welcome how's it going yeah thanks for having me i almost stumbled on our title with the whole graphi. Continuing deeper into the implementation details: Pretty clever graphical graphical so jason is the creator and maintainer of wp graphql which is a wordpress plugin that allows for a headless wordplus wordpress rest endpoint of graphql is that a terrible way to say it i hope not so i'm gonna let jason talk yeah all about jason can tell us just a little bit of your background how kind of got into the wordpress world and have and wanted to create. When applying the concepts from **Getting GraphiQL with WordPress** in a production codebase, teams working with GraphQL, PHP, Builder.io should align their implementation with the [**GraphQL Official Specification & Learn**](https://graphql.org/learn/) (Schema design, resolvers, queries, mutations, and federation). 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 GraphQL, PHP, Builder.io covered in "Getting GraphiQL with WordPress" (Jason Bahl joins us to talk about an amazing product he created that lets WordPress become headless with a GraphQL). - **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [GraphQL Official Specification & Learn](https://graphql.org/learn/) for type safety, performance, and long-term maintainability. - **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (Getting GraphiQL with WordPress)](https://www.youtube.com/watch?v=1HZyAoXuaVE) 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 [**Getting GraphiQL with WordPress**](https://www.youtube.com/watch?v=1HZyAoXuaVE) on YouTube using the timestamped chapters below: - [**00:00**](https://www.youtube.com/watch?v=1HZyAoXuaVE&t=0s): PM (EST) ## Resources, Links & Official Documentation - **Watch on YouTube: ** [Getting GraphiQL with WordPress Full Video](https://www.youtube.com/watch?v=1HZyAoXuaVE) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1)) - **builder.io: ** [https://Builder.io](https://builder.io/?utm_source=codingcatdev) - **Show Pick: ** [Flutter UI builder (picked by Alex Patterson)](https://flutterflow.io) - **Show Pick: ** [Remotely Interesting (picked by Alex Patterson)](https://podcasts.apple.com/us/podcast/remotely-interesting/id1530314876) - **Show Pick: ** [Ecommerce on the Jamstack with Snipcart, Next.js, & WordPress (picked by Brittney Postma)](https://leveluptutorials.com/tutorials/ecommerce-on-the-jamstack-with-snipcart-next-js-and-wordpress/nextjs/?ref=brittneypostma) - **Show Pick: ** [Procreate Snow globe (picked by Brittney Postma)](https://twitter.com/BrittneyPostma/status/1471275815681802248?s=20) - **Show Pick: ** [Local by Flywheel (picked by Jason Bahl)](https://getflywheel.com/design-and-wordpress-resources/toolbox/local-by-flywheel/) - [**Jason Bahl Guest Profile & Episodes on CodingCat.dev**](/guest/jason-bahl) - [**Episode Sponsor: Builder.io**](https://www.builder.io/?utm_source=codingcatdev) - [**GraphQL Official Specification & Learn:**](https://graphql.org/learn/) Schema design, resolvers, queries, mutations, and federation - [**PHP Official Manual:**](https://www.php.net/manual/en/) Zend Engine runtime, security hardening, and language reference - [**Builder.io Developer Documentation:**](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) Visual headless CMS, SDKs, and design-to-code workflows ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Managing Multiple Data Sources in GraphQL**](/podcast/2-13-managing-multiple-data-sources-in-graphql): We sit down with Anthony Campolo to talk about StepZen and combining multiple GraphQL data sources. We walk through an entire demo live! - [**WPEngine and FaustJS**](/podcast/2-34-WPEngine-and-FaustJS): Kellen breaks down how to use Faust.js to build your front-end applications with WordPress as the headless CMS. - [**Powering up with Gatsby 4 and GatsbyConf**](/podcast/2-8-powering-up-with-gatsby-4-and-gatsbyconf): Grayson Hicks joins us to talk all about Gatsby 4 and multiple methods of rendering. ## Frequently Asked Questions (FAQ) ### What are the main takeaways from Getting GraphiQL with WordPress? Jason Bahl joins us to talk about an amazing product he created that lets WordPress become headless with a GraphQL. 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. https://codingcat.dev/podcast/2-9-getting-graphiql-with-wordpress Sponsors https://Builder.io Empower your entire team to visually create and optimize high-speed experiences on your, this episode we sit down with jason ball and getting graphical with wordpress jason is the creator and maintainer of wp graphql we get to talk all about graphql and how we can use wordpress as a headless cms check it out welcome back peeps to perfect.dev where we give you cats the freshest dose of dev snacks now with your amazing hosts alex patterson and brittany postma this episode is sponsored b... Throughout this podcast, Jason Bahl breaks down real-world implementation details for GraphQL, PHP, Builder.io so developers can apply these patterns directly in production. ### How do you implement GraphQL best practices in production? When adopting GraphQL and PHP in a production stack, start by validating your configuration against the [**GraphQL Official Specification & Learn**](https://graphql.org/learn/) (Schema design, resolvers, queries, mutations, and federation). 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 Getting GraphiQL with WordPress walkthrough and find related code resources? You can watch the complete video session for [**Getting GraphiQL with WordPress**](https://www.youtube.com/watch?v=1HZyAoXuaVE) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into GraphQL, check out our related guide: [**Managing Multiple Data Sources in GraphQL**](/podcast/2-13-managing-multiple-data-sources-in-graphql). ## ✏️ Episode Summary 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. https://codingcat.dev/podcast/2-9-getting-graphiql-with-wordpress Sponsors https://Builder.io Empower your entire team to visually create and optimize high-speed experiences on your — this episode we sit down with jason ball and getting graphical with wordpress jason is the creator and maintainer of wp graphql we get to talk all about graphql and how we can use wordpress as a headless cms check it out welcome back peeps to perfect.dev where we give you cats the freshest dose of dev snacks now with your amazing hosts alex patterson and brittany postma this episode is sponsored b... ## episode picks. ### 🐾 Alex Patterson - [Flutter UI builder](https://flutterflow.io) - [Remotely Interesting](https://podcasts.apple.com/us/podcast/remotely-interesting/id1530314876) ### 🐾 Brittney Postma - [Ecommerce on the Jamstack with Snipcart, Next.js, & WordPress](https://leveluptutorials.com/tutorials/ecommerce-on-the-jamstack-with-snipcart-next-js-and-wordpress/nextjs/?ref=brittneypostma) - [Procreate Snow globe](https://twitter.com/BrittneyPostma/status/1471275815681802248?s=20) ### 🐾 Jason Bahl - [Local by Flywheel](https://getflywheel.com/design-and-wordpress-resources/toolbox/local-by-flywheel/) ## recent episodes. [All Episodes→](/podcasts)[![GenAI for Engineers, What](https://cdn.sanity.io/images/hfh83o0w/production/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)November 19, 2025[AI & MCP Agents](/topic/ai) ### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming) Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI. [![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/images/hfh83o0w/production/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=96&h=96&q=82&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/images/hfh83o0w/production/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)November 4, 2025[AI & MCP Agents](/topic/ai) ### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences) Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together! [![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/images/hfh83o0w/production/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)