Pagefindを触ってみた

目次

はじめに

Astroで静的サイト生成しているこのブログにPagefindを導入してみた。

結果

試したこと

Pagefind（Default UI）の導入

pagefind @pagefind/default-ui をインストール。
Searchコンポーネントを作成し任意のファイルに組み込む。

所感

試していないこと

• スタイルの細かなカスタマイズ
  • Default UIの場合、基本的にカスタムプロパティを上書きするのが基本線とのこと
    • 参考URL:Using the Default UI
• 機能的なカスタマイズ
  • 例えばデフォルトの検索UI形式を変更したり、検索結果ページとしてページングを持つなどの要件はAPIに自前でアクセスする。
    • 参考URL:Using the Pagefind search API

よいと思った

• 手軽に導入できる
• 動作が軽い
• スタイルのカスタマイズもしやすそう

もう少しと思った

• 検索精度が完璧というわけではない（けど最低限はカバーという印象）
  • 参考URL:静的サイトに特化した検索ライブラリ Pagefind を試す | grip on minds
• Default UIはかゆい所に手が届かない感じはするので、あくまでデフォルトでできる範囲で考える
  • 要件ありきの実装はAPIで実装する方向で考えたほうがよさそう