algolia-search by davila7/claude-code-templates
npx skills add https://github.com/davila7/claude-code-templates --skill algolia-search使用 Hooks 实现现代 React InstantSearch 设置,用于实现输入提示搜索。
使用 react-instantsearch-hooks-web 包和 algoliasearch 客户端。小部件是可以通过类名自定义的组件。
关键 Hooks:
使用 react-instantsearch-nextjs 包实现 Next.js 的 SSR 集成。
在 SSR 场景下使用此包替代。同时支持 Pages Router 和 App Router(实验性)。
关键注意事项:
dynamic = 'force-dynamic' 以获取最新结果保持 Algolia 与您的数据同步的索引策略。
三种主要方法:
最佳实践:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 问题 | 严重程度 | 解决方案 |
|---|
| 问题 | 严重 | 查看文档 |
| 问题 | 高 | 查看文档 |
| 问题 | 中等 | 查看文档 |
| 问题 | 中等 | 查看文档 |
| 问题 | 中等 | 查看文档 |
| 问题 | 中等 | 查看文档 |
| 问题 | 中等 | 查看文档 |
| 问题 | 中等 | 查看文档 |
每周安装量
106
代码仓库
GitHub 星标数
22.6K
首次出现
2026年1月25日
安全审计
安装于
claude-code89
opencode87
cursor83
gemini-cli82
github-copilot73
codex73
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:
SSR integration for Next.js with react-instantsearch-nextjs package.
Use instead of for SSR. Supports both Pages Router and App Router (experimental).
Key considerations:
Indexing strategies for keeping Algolia in sync with your data.
Three main approaches:
Best practices:
| 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 |
Weekly Installs
106
Repository
GitHub Stars
22.6K
First Seen
Jan 25, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
claude-code89
opencode87
cursor83
gemini-cli82
github-copilot73
codex73
Tailwind CSS v4 + shadcn/ui 生产级技术栈配置指南与最佳实践
2,600 周安装