algolia

@nuxtjs/algolia

Módulo Algolia para Nuxt

• Notas de la versión
• Leer la documentación

Características

• Fácil integración con Algolia
• Elementos componibles útiles como useAlgoliaSearch, useAsyncAlgoliaSearch
• Soporte para componentes de Vue Instantsearch
• Soporte para Algolia Recomendar
• Soporte para Docsearch
• Soporte para indexación automática
• Soporte para almacenar en caché las solicitudes y respuestas.
• Soporte para solicitudes SSR

Leer la documentación

Avance

Configuración

npx nuxi@latest module add algolia

Uso básico

Agregue las variables de entorno ALGOLIA_API_KEY y ALGOLIA_APPLICATION_ID al archivo .env.

 ALGOLIA_API_KEY = " 0fd1c4eba2d831788333e77c9d855f1d "
ALGOLIA_APPLICATION_ID = " AGN9HEEKF3 "

¡Ahora puedes empezar a usar @nuxtjs/algolia en tu aplicación!

Lado del cliente:

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

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

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

O RSS:

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

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

Desarrollo

1. Clonar este repositorio
2. Instale dependencias usando yarn install o npm install
3. Utilice yarn dev:prepare o npm run dev:prepare para preparar el entorno de desarrollo
4. Inicie el servidor de desarrollo usando yarn dev o npm run dev

Licencia

Licencia MIT