Table of contents

Using Gatsby with WordPress

Using Gatsby with WordPress (gatsbyjs.com) [EN]
Sourcing from WordPress (gatsbyjs.com) [EN]

WordPressのコンテンツを取得し、Gatsbyでサイトを構築します。いわゆるテーマ部分はGatsby側で用意する必要があります。

通常、WordPressは非公開とし、Gatsbyで作成されたサイトのみを公開します。

Gatsby plugins

WPGatsby - このプラグインは、WordPressサイトをGatsbyに最適化されたソースに設定します
WPGraphQL - WPGraphQLは、あなたのWordPressサイトにGraphQLの力をもたらします
WP Gatsby Markdown Exporter - Markdownに変換された投稿を含むZIPファイルを作成します
JAMstack Deployments - Netlify（およびその他のプラットフォーム）でJAMstackをデプロイするための WordPressプラグイン

ブログ記事

下記に掲載を希望される方はご連絡ください (詳細)

【ほぼゼロから】WordPressとGatsbyJSでサイトを作る手順を解説 (ralacode.com) Jun 26 2021
GatsbyJSとWordPressを繋いでみた (addapter.co.jp) Jun 18 2021
Gatsbyの新しいWordPress統合でヘッドレスサイト構築 (pitang1965.com) Jun 13 2021
GWにWordpressからGatsbyへの移行調査した話 (zenn.dev) May 7 2021
GatsbyでヘッドレスWordPress (horumont.info) Feb 22 2021
WordPress をヘッドレスとして使い、Gatsby でフロントを作る( Gatsby Source WordPress v4 ) (white-space.work) Feb 10 2021
GatsbyJS + Wordpressで高速ブログを構築する (ayumitk.com) Dec 29 2020
Gatsby公式Webinarまとめ: Gatsby.jsとWordPressのHeadless CMSのススメ (zenn.dev) Dec 19 2020
Gatsby.js × WordPressでWeb開発を楽しく運営には優しく (qiita.com) Dec 9 2020
Gatsby + WordPress + Vercelで静的サイトを作ってみよう (note.com) Nov 30 2020
Gatsby(GraphQL/React)とWordpressでJAMstackなサイトを構築してみる (zenn.dev) Nov 3 2020
WordPress + Gatsby.jsの構成に重大なアップデートが来る (jackjasonb.com) Oct 11 2020
GatsbyJS と WordPress と Block-based Themes (ebisu.com) Jun 10 2020
PRPLパターンで「ロリポップ！」「ヘテムル」のWordPressを爆速にしよう (tech.pepabo.com) May 1 2020
GatsbyとWordPressを使用したウェブサイト構築の概要（高速で静的） (kinsta.com) Feb 6 2020
GatsbyJS + NetlifyでWordPressを記事管理システムにしちゃう方法 (haniwaman.com) Nov 30 2019
(taroken.dev) Nov 22 2019
GatsbyJSで静的サイトジェネレートをはじめよう！ (mitsue.co.jp) Jul 19 2019
Shifter WebhooksでNetlify上のGatsbyサイトにWordPressコンテンツをインポート可能になりました (digitalcube.jp) May 31 2019
WordPressブログのフロントエンドをGatsbyJS + Netlifyで構築する (yuhiisk.com) May 15 2019
GatsbyでWordPress siteのフロントエンドを作ってみる (wp-kyoto.net)

Using Gatsby with WordPress

Gatsby plugins

関連プラグイン

関連ページ

ブログ記事