Quick start


Setup

  1. Install Algolia integration
    Yarn
    yarn add @nuxtjs/algolia
    NPM
    npm install @nuxtjs/algolia --save
  2. Enable the module in your Nuxt configuration
    nuxt.config.js
    import { defineNuxtConfig } from 'nuxt'export default defineNuxtConfig({  modules: ['@nuxtjs/algolia']})
  3. Add Algolia configuration
    nuxt.config.js
    import { defineNuxtConfig } from 'nuxt'export default defineNuxtConfig({  modules: ['@nuxtjs/algolia'],  algolia: {    apiKey: 'MY_API_KEY',    applicationId: 'MY_APPLICATION_ID'  }})
    You can find more about configuring @nuxtjs/algoliahere.
  4. Use Algolia in your application
<template>  <div>{{ result }}</div></template><script setup>const { result, search } = useAlgoliaSearch('test_index') // pass your index name as paramonMounted(async () => {  await search({ query: 'Samsung' });})</script>
  1. You're good to go!
    Check out how to use Algolia module further.