今回はWordPressとGatsbyを連携して高速なサイトの作る手順について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57.0node.js v16.13.1react v17.0.1gatsby v4.11.2 WordPressとGatsby用の環境を作る WordPressで記事の更新を行い、Gatsby側でそのデータを受け取って実際のサイトに表示させるようにします。それはWordPress用のドメインと、実際のサイトを表示させるためのドメインの2つが必要になるということを覚えておきましょう。 今回は本番環境でサイトを表示させる方法については説明していません。環境構築の手順とGatsbyを使ってWordPressからデータを取得して基本的なページを表示させる方法について説明しています。 まずは環
![WordPressとGatsbyを連携して高速なサイトを作る - 環境構築から基本的なページ作成まで](https://cdn-ak-scissors.b.st-hatena.com/image/square/2de6b1b0468c01a1e9472b871def4b1c5d1a0d0f/height=288;version=1;width=512/https%3A%2F%2Fyumegori.com%2Fwp-content%2Fuploads%2F2022%2F04%2Fgatsby-wordpress-setting00.jpg)