@vetaui/search-kit

Provider-agnostic site search for Next.js — query, autocomplete, faceted filtering, click tracking — plus a drop-in search page UI.

Install

pnpm add @vetaui/search-kit @vetaui/foundations @vetaui/atoms @vetaui/molecules
# Optional — only for the provider you choose:
pnpm add algoliasearch    # Algolia
pnpm add meilisearch      # Meilisearch

Configure once

import { configureVeta } from "@vetaui/foundations/runtime";
import { algoliaSearchStrategy } from "@vetaui/search-kit/strategies";

configureVeta({
  search: algoliaSearchStrategy({
    appId: process.env.NEXT_PUBLIC_ALGOLIA_APP_ID!,
    apiKey: process.env.NEXT_PUBLIC_ALGOLIA_KEY!,
    indexName: "products",
  }),
});

Drop-in screen

import { SearchPage } from "@vetaui/search-kit/screens";

export default function Page() {
  return <SearchPage facets={["category", "brand"]} onSelect={(h) => router.push(h.url)} />;
}

Adapters

| Adapter | Facets | Highlight | Typo | Synonyms | Analytics | |---|---|---|---|---|---| | algoliaSearchStrategy | ✓ | ✓ | ✓ | ✓ | ✓ | | meilisearchStrategy | ✓ | ✓ | ✓ | ✓ | — | | mockSearchStrategy | ✓ | ✓ | — | — | ✓ |