Free · Open Source · GPL-3

GraphQL API for every WordPress site

WPGraphQL is a free, open-source WordPress plugin that provides an extendable GraphQL schema and API for any WordPress site.

Download the Plugin Read the Docs

GraphiQL

Query

query GetPosts {
  posts {
    nodes {
      title
      date
    }
  }
}

Response

{
  "data": {
    "posts": {
      "nodes": [
        {
          "title": "Hello, world",
          "date": "2025-12-08"
        }
      ]
    }
  }
}

Framework Agnostic

Build rich JavaScript applications with WordPress & GraphQL

WPGraphQL separates your CMS from your presentation layer. Content creators use the CMS they know; developers use the frameworks and tools they love.

Gatsby

Next.js

Vue

Svelte

Efficient Data Fetching

Query what you need. Get exactly that.

With GraphQL, the client makes declarative queries, asking for the exact data needed, and exactly what was asked for is given in response — nothing more. Clients have control over their application, and the GraphQL server only fetches what was requested.

GraphiQL

Query

query GetUser {
  user(id: "dXNlcjox") {
    name
    email
  }
}

Response

{
  "data": {
    "user": {
      "name": "Jane Doe",
      "email": "[email protected]"
    }
  }
}

Nested Resources

Fetch many resources in a single request

GraphQL queries access multiple root resources and smoothly follow references between connected ones. While a typical REST API would require round-trip requests to many endpoints, GraphQL can return everything your app needs in one round-trip — quick even on slow mobile connections.

GraphiQL

Query

query GetPostsWithAuthor {
  posts {
    nodes {
      title
      author {
        node {
          name
        }
      }
      categories {
        nodes {
          name
        }
      }
    }
  }
}

Response

{
  "data": {
    "posts": {
      "nodes": [
        {
          "title": "Hello, world",
          "author": {
            "node": {
              "name": "Jane"
            }
          },
          "categories": {
            "nodes": [
              {
                "name": "News"
              }
            ]
          }
        }
      ]
    }
  }
}

Data Colocation

Define data needs next to your components

GraphQL fragments let each component declare the fields it needs. Compose those fragments into one query at the page level — the data graph stays in sync with the UI tree, automatically.

GraphQL · React

Preview

Who's using WPGraphQL?

Digital agencies, product teams and freelancers around the world trust WPGraphQL in production to bridge modern front-end stacks with content managed in WordPress.