Getting Started
Installation
Install and register Nuxt Swiftsearch in a Nuxt 4 app.
Requirements
- Nuxt 4+
- An Algolia application ID and search-only API key
Install the module
Terminal
bun add @atoms-studio/nuxt-swiftsearch
To try the upcoming v1 beta channel instead:
Terminal
bun add @atoms-studio/nuxt-swiftsearch@beta
You can also use Nuxt's module command:
Terminal
npx nuxi@latest module add swiftsearch
Register in nuxt.config.ts
nuxt.config.ts
export default defineNuxtConfig({
modules: ["@atoms-studio/nuxt-swiftsearch"],
});
Create your first search root
components/SearchExperience.vue
<template>
<AisInstantSearch :configuration="configuration">
<AisSearchBox />
<AisHits />
</AisInstantSearch>
</template>
<script setup lang="ts">
import { algoliasearch } from "algoliasearch";
const searchClient = algoliasearch("latency", "6be0576ff61c053d5f9a3225e2a90f76");
const configuration = {
indexName: "instant_search",
searchClient,
};
</script>