サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブックレビュー
route360.dev
Astroで作る静的サイトで悩ましい問題の1つが、検索機能の実装です。 Gatsby.jsのようにAlgolia等のプラグインが用意されていれば多少は楽なのですが、Astroの場合は現時点ではそのようなものはありません。 一方、導入が手軽なGoogleカスタム検索では、せっかく高速な静的サイトが重くなってしまいます。 今回、全文検索エンジンとしては新興のMeilisearchを試したところ、非常にスムーズに導入できたので紹介します。 ざっくりした流れとしては、 Meilisearch Cloudにユーザー登録 Astroプロジェクト内にmeilisearchをインストール 検索用のデータを構築してMeilisearchに送信 検索フォーム・検索結果表示用コンポーネントを作成 ページ内で検索コンポーネントを読み込む スタイリング となります。 動作環境: Node v18.12.1 Astr
このページを最初にブックマークしてみませんか?
『route360.dev』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く