algolia-search

Installation
Summary

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
SKILL.md

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
Related skills
Installs
501
GitHub Stars
37.3K
First Seen
Jan 19, 2026