タグ

ブックマーク / zenn.dev/s7 (1)

  • Astro + Pagefindでブログに検索機能を実装する

    静的サイト向けの検索ライブラリ Pagefind の 安定版(v1.0.0)がリリースされた のでAstroと一緒に使ってみます。 Pagefindは大規模なサイトでも高速に動作し、帯域幅も最小限にすると謳っていて、HTMLファイルを読み込んでインデックスを作成、検索UIもデフォルトで提供される検索用ライブラリです。通常のフレームワークのビルド成果物を対象にインデックスを生成するので、とても簡単に導入することができます。 また、今回の記事で作成したプロジェクトのソースコードはs7tya/astro-pagefind-playgroundにて公開しています。 Pagefind のインストール デフォルトのテンプレートで作成した新規Astroプロジェクトをベースに、Pagefindを設定していきます。 pagefind @pagefind/default-ui パッケージを追加します。

    Astro + Pagefindでブログに検索機能を実装する
  • 1