WPGraphQL

WPGraphQL / Jason Bahl開発 / WordPressをGraphQL APIエンドポイントとして利用・ヘッドレスCMS化・Next.js/Gatsby連携

WPGraphQL 無料版あり
アクティブインストール200,000以上
開発者Jason Bahl
料金完全無料

WPGraphQL(WPグラフキューエル)は、WordPressにGraphQL APIエンドポイントを追加するプラグインです。完全無料でアクティブインストール200,000以上という広い普及率を誇ります。WordPress標準のREST APIに加えてGraphQLエンドポイント(/graphql)を提供し、Next.js・Gatsby・React・Vue.jsなどのフロントエンドフレームワークからWordPressのコンテンツを効率よく取得できます。「ヘッドレスCMS」としてWordPressを使う場合に必須のプラグインです。GraphQLはREST APIと異なり、クライアント側で必要なデータだけを指定して取得できるため、過剰なデータ転送を防ぎパフォーマンスを最適化できます。

主要機能一覧

GraphQLエンドポイント追加

WordPressに /graphql エンドポイントを追加。投稿・ページ・カスタム投稿・ユーザー・コメント・メディアなどのデータをGraphQL経由で取得可能。

カスタム投稿タイプ対応

register_post_type() で 'show_in_graphql' を有効にしたカスタム投稿タイプもGraphQLで取得・操作できる。

Mutation(書き込み操作)

投稿の作成・更新・削除・コメント追加などの書き込み操作もGraphQL Mutationで実行可能(認証必要)。

パフォーマンス最適化

GraphQLにより必要なフィールドのみをリクエストでき、REST APIと比較してデータ転送量を削減。N+1問題対策のDataLoaderも内蔵。

拡張プラグインエコシステム

WPGraphQL for ACF・WPGraphQL WooCommerce(WooGraphQL)・WPGraphQL SEOなど拡張プラグインが充実。各プラグインのデータもGraphQL経由で取得可能。

GraphiQLデベロッパーツール

管理画面内にGraphiQL IDEが統合されており、クエリを記述・テストしながら開発できる。ドキュメントの自動生成も。

主な活用シーン

ヘッドレスCMS構成:WordPressをコンテンツ管理のバックエンドとして使いつつ、フロントエンドはNext.js・Gatsby・Nuxt.jsなどで構築する「ヘッドレスCMS」構成のデファクトスタンダードです。静的サイトジェネレーター(Gatsby)やISR(Next.js)と組み合わせることで、WordPressの管理しやすさとモダンフロントエンドのパフォーマンス・開発体験を両立できます。

基本情報

プラグイン名WPGraphQL
開発者Jason Bahl(WPGraphQL Inc.)
料金完全無料(オープンソース)
アクティブインストール200,000以上
WordPress公式 公式ディレクトリ掲載
日本語対応管理画面の一部日本語化あり
主な用途ヘッドレスCMS・Next.js/Gatsby連携・React/Vueフロントエンドとの連携

こんな人におすすめ

こんな人におすすめ

  • Next.js・Gatsby・Reactを使ったヘッドレスCMS構成でWordPressを使いたい開発者
  • REST APIより効率的なデータ取得を実現したいモダンフロントエンド開発者
  • Jamstackアーキテクチャでのサイト構築を検討しているエンジニア

注意点

  • GraphQLの学習コストがあり、REST APIに慣れた開発者は最初に学習が必要
  • 標準的なWordPressテーマ・フロントエンドには不要(ヘッドレス構成専用のツール)