前往主页Meilisearch 标志

为 React 实现即时搜索

将 Meilisearch 与 React Instantsearch 结合使用,构建高性能、响应式的搜索界面。

深受优秀企业信赖

开箱即用

构建搜索 UI 所需的一切。从开箱即用的组件开始,并利用更高级的功能进行扩展。

      UI components illustration

      UI 组件

      构建搜索 UI 的所有基本组件:搜索栏、筛选列表、分页等。

      Routing  illustration

      路由

      使您的页面 URL 与活动筛选器和分页状态保持同步,以改善用户体验和 SEO。

      Server-side rendering illustration

      服务器端渲染

      从服务器渲染您的搜索结果,以改善页面首次加载速度和搜索引擎索引。

      Customize with Hooks illustration

      使用 Hooks 进行自定义

      使用 hooks 创建自定义搜索组件,超越默认的 UI 小部件库。

      Search analytics illustration

      搜索分析

      凭借与 Meilisearch 分析的完全兼容性,获取有关您用户的洞察。

      Open-source illustration

      开源

      受益于所有社区学习材料、资源和支持。

开始使用 React

查看我们的资源,帮助您在 React 应用程序中集成搜索。

Next.js 演示

查看我们的开源演示,了解如何将 Meilisearch 的混合搜索与 Next.js 14 集成。

Shopify 指南

了解如何使用 Blazity 商业入门套件,通过 Next.js 和 Meilisearch 构建 Shopify 店面。

Instantsearch 指南

了解如何使用 Instantsearch 库为 React 应用程序构建即时搜索功能。

准备好尝试 Meilisearch 了吗?

加入超过 2 万名开发者,他们选择 Meilisearch 来构建世界级的搜索体验。

云服务

免费试用 Meilisearch 云服务 14 天。

开始免费试用