Sandbox

学習記録や試作したものを掲載しています

"Astro"のタグを含む記事（1）

WordPress

WP REST API を用いて WordPress をヘッドレス CMS として利用する

WP REST API を用いて WordPress をヘッドレス CMS として利用する

WP REST API を用いて WordPress をヘッドレス CMS として利用するデモを作成した。
フロントエンドフレームワークには Astro を採用した。

Repo: https://github.com/koji014/wp-rest-api-demo

デモ内容

API クライアントの実装

  • WP REST API を利用するための API クライアント（createWpClient）を実装
  • createWpClient は、microCMS JavaScript SDK の createClient の構成を参考にした
  • リトライ処理はライブラリを使用せず自作した

投稿／カスタム投稿の取得

  • 投稿およびカスタム投稿を REST API 経由で取得し表示
  • API クライアントの動作確認を兼ねている

プレビュー機能（SSR）

  • 通常のページ表示は SSG を使用
  • プレビュー画面のみ SSR でレンダリングしている

アクセス制御

  • Application Passwords を使用した認証（Basic 認証）
  • CORS の設定
  • WordPress 側の View を無効化

クレジット

参考
  • 1