algolia-search
Algolia搜索实施专家模式、索引策略、React InstantSearch及相关性调优 适用场景：为项目集成搜索功能、Algolia平台应用、即时搜索实现、搜索API对接、增强搜索体验。
name:algolia-searchdescription:"Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantsearch, search api, search functionality."source:vibeship-spawner-skills (Apache 2.0)
Algolia Search Integration
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:
Next.js Server-Side Rendering
SSR integration for Next.js with react-instantsearch-nextjs package.
Use
Supports both Pages Router and App Router (experimental).
Key considerations:
Data Synchronization and Indexing
Indexing strategies for keeping Algolia in sync with your data.
Three main approaches:
Best practices:
⚠️ Sharp Edges
| Issue | Severity | Solution |
|---|---|---|
| Issue | critical | See docs |
| Issue | high | See docs |
| Issue | medium | See docs |
| Issue | medium | See docs |
| Issue | medium | See docs |
| Issue | medium | See docs |
| Issue | medium | See docs |
| Issue | medium | See docs |