こちらは Shifter Advent Calendar 2020 の 2日目の記事になります! 9月に開催されたShifterさんのMeetupでAlgoliaのご紹介をさせていただきましたが、その際に↓のスライドの38ページのように、 例えば、Shifter Headlessで作ったインターネットショッピングサイトと、Shifter Staticで作ったブログサイトを横断して検索するといったところをご紹介させていただきました。 今回は実際にこの構成の簡易版のようなものを作ってみたいと思います。 Shifter Staticの立ち上げ まずはShifter StaticでWordPressのブログをPublishしてみます。 見慣れたWordPressのDashboard上で記事を4つほど記事を書きました。 Algoliaのプラグインを入れていきます。 Algoliaにデータが入ったら、
![Algolia の InstantSearch.js を使った Shifter Static と Shifter Headless の Federated Search](https://cdn-ak-scissors.b.st-hatena.com/image/square/4175bbd3d8b4396be0dbc52cf908dcb51edec3b4/height=288;version=1;width=512/https%3A%2F%2Fshinodogg.com%2Fwp-content%2Fuploads%2F2020%2F11%2Fcatch.png)