Biblioteca de componentes de interfaz de usuario Instantsearch para Vue

¿Qué es Algolia?

Algolia permite a los desarrolladores modernos crear experiencias de búsqueda y descubrimiento de primer nivel sin necesidad de DevOps.
Las bibliotecas disponibles para los principales lenguajes y marcos de trabajo facilitan el enriquecimiento de la experiencia de tus usuarios.

Añadir búsqueda instantánea a las aplicaciones de Vue

La biblioteca Vue InstantSearch UI ofrece widgets de interfaz de usuario predefinidos, personalizables y flexibles para crear tus propias experiencias de búsqueda:echa un vistazo a la galería de ejemplos. Cuenta con capacidades de renderizado y enrutamiento del lado del servidor, es de código abierto, está lista para su uso en producción y su mantenimiento corre a cargo de Algolia.

Características

Ofrece componentes de interfaz de usuario ya creados que siguen los principios de buenas prácticas de Vue y que son independientes de los marcos de trabajo externos.
Intégralo en tu interfaz de usuario o aplicación actual, o utiliza las plantillas de InstantSearch
Incluye un tema CSS predeterminado, totalmente personalizable
Gestiona toda la lógica de negocio relacionada con las solicitudes de búsqueda, las respuestas y los estados
Personalización progresiva de los componentes (utilizar, ampliar o personalizar)

Versión

Compatible with all current versions of the underlying <JavaScrip>t library
El código es totalmente de código abierto y está disponible en GitHub.
Pon en marcha tu aplicación con create-instantsearch-app, npm, ...

Integraciones relacionadas

Funciona con la función deautocompletado
Y con todos nuestrosclientesymarcos de trabajo de API

enlaces importantes

Empezar

PLANTILLA (CREA UNA CUENTA GRATUITAAQUÍ)

          
            <template>

  <ais-instant-search :search-client="searchClient" index-name="demo_ecommerce">

    <ais-search-box />

    <ais-hits>

      <template v-slot:item="{ item }">

        <h2>{{ item.name }}</h2>

      </template>

    </ais-hits>

  </ais-instant-search>

</template>

CSS

          
            <style>

body {

  font-family: sans-serif;

  padding: 1em;

}

</style>

BUSCAR

          
            <script>

import algoliasearch from 'algoliasearch/lite';

import 'instantsearch.css/themes/satellite-min.css';

export default {

  data() {

    return {

      searchClient: algoliasearch(

        'B1G2GM9NG0',

        'aadef574be1f9252bb48d4ea09b5cfe5'

      ),

    };

  },

};

</script>

Algolia Assist

¿En qué puedo ayudarte hoy?

Vue + Algolia