Algolia を Jamstack WordPress で利用する場合に知っておきたい、パーマリンクの変換方法
Shifter Headless の主な機能
Jamstack 連携
Jamstack サイトを構築するにあたり、いくつもの便利なプラグインを利用できます。
これらのコラボレーションによって瞬く間にフロントエンドを構築できます。
Faust.js
Faust.js は React/Next.js 用のHeadless WordPress のフレームワークです。WP Engine Headless プラグインを有効化して利用します。 GraphQL クライアントとして GQty を採用しているため、クエリをほとんど書くことなく、ウェブサイトを構築できます。 また、投稿のプレビュー機能も搭載しています。
WPGatsby
WPGatsbyはReact 製の静的サイトジェネレーターである Gatsby と WordPress を連携するためのプラグインです。 アクティビティモニター機能で WordPress サイトの変更を検知して、Gatsby サイトと内容を同期できるようになります。 また、投稿のプレビュー機能も搭載しています。
JAMstack Deployments
WordPress コンテンツの変更時にNetlifyのWeb フックをトリガーするためのプラグインです。 Badge 機能により、デプロイが成功したかどうかを WordPress の管理画面上で確認できます。
WP Search with Algolia
高速な検索機能を実装できる Algolia を導入できます。
Shifter Headless 活用方法
さまざまな利用シーンにおける具体的な活用方法の事例をご紹介します。
Static
「Shifter Static」は、WordPress を静的化し、HTML/CSS を CDN から配信することで、WordPress と公開領域を分離。安全かつ高速なウェブサイトを構築できます。
Headless
「Shifter Headless」は、WordPress ダッシュボードを CMS として利用し、API を通じてフロントエンドにコンテンツデータを提供。使い慣れた WordPress ベースでウェブサイトをヘッドレス化することが可能です。