エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Astroで作る静的サイトに、超高速のMeilisearchの検索システムを導入する - Route360
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Astroで作る静的サイトに、超高速のMeilisearchの検索システムを導入する - Route360
Astroで作る静的サイトで悩ましい問題の1つが、検索機能の実装です。 Gatsby.jsのようにAlgolia等のプラ... Astroで作る静的サイトで悩ましい問題の1つが、検索機能の実装です。 Gatsby.jsのようにAlgolia等のプラグインが用意されていれば多少は楽なのですが、Astroの場合は現時点ではそのようなものはありません。 一方、導入が手軽なGoogleカスタム検索では、せっかく高速な静的サイトが重くなってしまいます。 今回、全文検索エンジンとしては新興のMeilisearchを試したところ、非常にスムーズに導入できたので紹介します。 ざっくりした流れとしては、 Meilisearch Cloudにユーザー登録 Astroプロジェクト内にmeilisearchをインストール 検索用のデータを構築してMeilisearchに送信 検索フォーム・検索結果表示用コンポーネントを作成 ページ内で検索コンポーネントを読み込む スタイリング となります。 動作環境: Node v18.12.1 Astr