algolia

@nuxtjs/algolia

Algolia-Modul für Nuxt

• Versionshinweise
• Lesen Sie die Dokumentation

Merkmale

• Einfache Integration mit Algolia
• Praktische Composables wie useAlgoliaSearch, useAsyncAlgoliaSearch
• Unterstützung für Vue Instantsearch-Komponenten
• Unterstützung für Algolia Recommend
• Unterstützung für Docsearch
• Unterstützung für automatische Indizierung
• Unterstützung für das Zwischenspeichern der Anfragen und Antworten
• Unterstützung für SSR-Anfragen

Lesen Sie die Dokumentation

Vorschau

Aufstellen

npx nuxi@latest module add algolia

Grundlegende Verwendung

Fügen Sie die Umgebungsvariablen ALGOLIA_API_KEY und ALGOLIA_APPLICATION_ID zur .env-Datei hinzu.

 ALGOLIA_API_KEY = " 0fd1c4eba2d831788333e77c9d855f1d "
ALGOLIA_APPLICATION_ID = " AGN9HEEKF3 "

Jetzt können Sie @nuxtjs/algolia in Ihrer App verwenden!

Kundenseite:

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

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

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

Oder SSR:

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

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

Entwicklung

1. Klonen Sie dieses Repository
2. Installieren Sie Abhängigkeiten mit yarn install oder npm install
3. Verwenden Sie yarn dev:prepare oder npm run dev:prepare um die Entwicklungsumgebung vorzubereiten
4. Starten Sie den Entwicklungsserver mit yarn dev oder npm run dev

Lizenz

MIT-Lizenz