Quick Survey
Submit Here:
WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3895856/wp-logo.png)
The Most Popular CMS
Headless
Who Am I?
- Principal Software Engineer at WP Engine
- Denver, Colorado
- WordPress developer for 12+ years
- I love WordPress, and Open Source in general
- Creator & maintainer of WPGraphQL
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4394624/IMG_1407.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/5785508/51295932_10101387968507503_2522186215629783040_n.jpg)
FORTY ONE
41
![](https://www.lastpass.com/-/media/b34b68709adf430f90f72e3e1922349b.png?h=196&w=196&la=en&hash=12EF4320EF58B5D40467E26A10A11C28)
![](https://images-na.ssl-images-amazon.com/images/I/91Azmf80e9L._SL1500_.jpg)
![](https://cdn.unifiedcommerce.com/content/product/large/4895145406567.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8635914/Screen_Shot_2021-06-02_at_3.17.32_PM.png)
![](https://i.ytimg.com/vi/sfM1FRZd_Pk/maxresdefault.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8635914/Screen_Shot_2021-06-02_at_3.17.32_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8635882/Screen_Shot_2021-06-02_at_3.04.11_PM.png)
![](https://www.lastpass.com/-/media/b34b68709adf430f90f72e3e1922349b.png?h=196&w=196&la=en&hash=12EF4320EF58B5D40467E26A10A11C28)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8635984/Screen_Shot_2021-06-02_at_3.58.44_PM.png)
Most Dreaded Platforms
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4394952/logo-vue.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3133273/react.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8635989/pasted-from-clipboard.png)
Most Loved Web Frameworks
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8636014/Screen_Shot_2021-06-02_at_4.10.40_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8636033/pasted-from-clipboard.png)
Developers
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8636379/pasted-from-clipboard.png)
Business Owners / Marketers
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8636039/pasted-from-clipboard.png)
Let business owners, marketers and content creators use the CMS they're already familiar with & invested in, and let developers use the modern JavaScript frameworks they love.
WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3895856/wp-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3761473/dpsports.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3189478/StandardWordpressLaptop.png)
WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3198727/server-side.png)
WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3760914/mac.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388701/loading.gif)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388612/logo-php.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4394911/mysql.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3723988/wordpress-logo-notext-rgb.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388609/html5.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3189382/design.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388502/theme1.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388503/theme2.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388504/theme3.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388506/theme5.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388507/theme6.png)
Headless WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3895856/wp-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3761473/dpsports.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3761505/dp-mobile.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3189478/StandardWordpressLaptop.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3171601/laptop-90deg-themes.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4260590/wp-mobile.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4260601/android.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3761487/Image_uploaded_from_iOS.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4053481/app-stpre.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4053480/google-play.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4263382/printer.png)
Headless WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3198726/client-side.png)
Headless WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3760914/mac.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388701/loading.gif)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388612/logo-php.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4394911/mysql.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3723988/wordpress-logo-notext-rgb.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4394939/logo-json.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388611/logo-js.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4394952/logo-vue.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4394951/logo-ember.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388883/logo-jav.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388874/logo-swift.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3133273/react.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3761473/dpsports.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4260601/android.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4053481/app-stpre.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4053480/google-play.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3761505/dp-mobile.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3761487/Image_uploaded_from_iOS.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8639389/cooltext385759186769197__1_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8639394/cooltext385759256799543.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8639396/Cool_Text_-_Slices_385759312028865.png)
How?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4052454/512x512.png)
A free, open-source WordPress plugin that provides an extendable GraphQL schema and API for any WordPress site.
WPGraphQL
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4052454/512x512.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4236041/graphql-structure.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3895856/wp-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4052454/512x512.png)
Posts
Comments
Pages
Users
Media
Terms
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3895856/wp-logo.png)
GraphQL
{
viewer {
name
}
}
{
data: {
viewer: {
name: "Jason Bahl"
}
}
}
GraphQL Query
GraphQL Result
Post
Category
Category
Category
Post
title
"Hello World"
title
"GoodBye Mars"
Image
Image
Image
name
"news"
name
"crime"
name
"sports"
Image
WordPress as an Application Data Graph
GraphQL
GraphQL lets us pick trees out of the Application Data Graph
GraphQL
query {
post(id: "cG9zdDox") {
title
link
categories {
nodes {
name
}
}
}
}
{
data: {
post: {
title: "Hello World!"
link: "http://site.com/hello-world"
categories: {
nodes: [
{
name: "sports"
},
{
name: "crime"
}
]
}
}
}
}
Post
Category
Category
Category
Post
title
"Hello World"
title
"GoodBye Mars"
Image
Image
Image
name
"news"
name
"crime"
name
"sports"
Image
WordPress becomes a data source for any client that can make HTTP requests
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388612/logo-php.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388611/logo-js.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4388803/logo-mobile-safari.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4395093/terminal.png)
https://playground.wpgraphql.com
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8636511/Screen_Shot_2021-06-02_at_11.53.55_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3133273/react.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8636511/Screen_Shot_2021-06-02_at_11.53.55_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/4052454/512x512.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3895856/wp-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/3769533/spinner-2x.gif)
mutation Submit(
$input: SubmitFormInput!
) {
submitForm(input: $input) {
twitterHandle
}
}
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8638594/Screen_Shot_2021-06-03_at_8.26.37_AM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/340215/images/8638876/Screen_Shot_2021-06-03_at_9.53.32_AM.png)
WordPress
By Jason Bahl
WordPress
- 1,045