algolia-search

SKILL.md

Expert patterns for Algolia search implementation, indexing strategies, and React InstantSearch integration.

React InstantSearch with hooks (useSearchBox, useHits, useRefinementList, usePagination) for type-ahead search and faceted filtering in modern React applications

Next.js SSR support via react-instantsearch-nextjs, compatible with both Pages Router and App Router, with URL synchronization and dynamic rendering configuration

Three indexing strategies: full reindexing, full record updates, and partial attribute updates, with batching best practices (10MB, 1K-10K records per batch)

Incremental update patterns using partialUpdateObjects to avoid expensive deleteBy operations and keep Algolia indices synchronized with source data

Algolia Search Integration

Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning

Patterns

React InstantSearch with Hooks

Modern React InstantSearch setup using hooks for type-ahead search.

Uses react-instantsearch-hooks-web package with algoliasearch client.
Widgets are components that can be customized with classnames.

Key hooks:

useSearchBox: Search input handling

useHits: Access search results

useRefinementList: Facet filtering

usePagination: Result pagination

useInstantSearch: Full state access