algolia

@nuxtjs/アルゴリア

Nuxt 用の Algolia モジュール

• リリースノート
• ドキュメントを読む

特徴

• Algolia との簡単な統合
• useAlgoliaSearch、useAsyncAlgoliaSearch などの便利なコンポーザブル
• Vue Instantsearch コンポーネントのサポート
• Algolia Recommend のサポート
• Docsearchのサポート
• 自動インデックス作成のサポート
• リクエストとレスポンスのキャッシュのサポート
• SSRリクエストのサポート

ドキュメントを読む

プレビュー

設定

npx nuxi@latest module add algolia

基本的な使い方

ALGOLIA_API_KEYおよびALGOLIA_APPLICATION_ID環境変数を .env ファイルに追加します。

 ALGOLIA_API_KEY = " 0fd1c4eba2d831788333e77c9d855f1d "
ALGOLIA_APPLICATION_ID = " AGN9HEEKF3 "

これで、アプリで@nuxtjs/algoliaの使用を開始できるようになりました。

クライアント側:

 < script setup lang = " ts " >
const { result, search } = useAlgoliaSearch ( ' test_index ' )

onMounted ( async () => {
  await search ({ query: ' Samsung ' })
})
</ script >

< template >
  < div >{{ result }}</ div >
</ template >

またはSSR:

 < script setup lang = " ts " >
const { data } = await useAsyncAlgoliaSearch ({ indexName: ' test_index ' , query: ' Samsung ' })
</ script >

< template >
  < div >{{ data }}</ div >
</ template >

発達

1. このリポジトリのクローンを作成します
2. yarn installまたはnpm install使用して依存関係をインストールする
3. 開発環境を準備するにはyarn dev:prepareまたはnpm run dev:prepareを使用します。
4. yarn devまたはnpm run dev使用して開発サーバーを起動します。

ライセンス

MITライセンス