Meilisearch-UI

<a href="https://github.com/riccox/meilisearch-ui/actions"></a> <a href="https://github.com/riccox/meilisearch-ui/releases"></a> <a href="https://github.com/riccox/meilisearch-ui/issues"></a> <a href="https://hub.docker.com/r/riccoxie/meilisearch-ui/tags" target="_blank"></a> <a href="https://hub.docker.com/r/riccoxie/meilisearch-ui" target="_blank"></a> <a href="https://github.com/riccox/meilisearch-ui/blob/main/LICENSE"></a> <a href="https://meilisearch-ui.riccox.com" target="_blank"></a>

<a href="https://www.producthunt.com/posts/meilisearch-ui?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-meilisearch&#0045;ui" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=373175&theme=light" alt="Meilisearch&#0045;UI - 美观、简单、快速的Meilisearch管理仪表板 | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>

一个开源的、美观、简单且快速的Meilisearch管理仪表板UI，用于管理您的Meilisearch实例

[重要] 主分支在开发期间可能不稳定或不可用。

请使用发布版本而不是主分支来获取稳定版本的应用

特性

🚀 索引CRUD

🔎 搜索文档

💪 文档管理

🛠️️ 索引设置

⚓ 多实例管理

🔒 数据存储在您的浏览器中

快速开始

⚠️ 此应用尚未实现响应式设计，因此请注意仅在桌面端使用此应用以获得更好的体验。

CORS设置

✅ 使用前请记得在您的实例服务器中更新CORS设置，以允许此UI域名访问。

由于此应用使用Meilisearch官方JS客户端调用您的Meilisearch实例，您需要手动配置Web服务器的CORS设置，以确保UI面板可以通过API调用访问您的实例服务器。

将您的UI面板部署域名添加到实例服务器的CORS列表中。

例如：

# ... 其他配置
     add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... 其他配置

了解如何在Web服务器中配置CORS设置

在线使用

这里有一个在线演示 👉 meilisearch-ui，部署在Vercel上。

Docker

docker pull riccoxie/meilisearch-ui:latest

docker run -d --restart=always --name="meilisearch-ui" -p <your-port>:24900 riccoxie/meilisearch-ui:latest

部署到Vercel

您可以使用Vercel将此应用部署到云端

只需点击下方按钮即可自动部署此应用

开发

git clone git@github.com:riccox/meilisearch-ui.git

cd meilisearch-ui

pnpm install

pnpm run dev

使用以下技术构建 ♥

• React v18
• TypeScript
• Vite
• ReactRouter
• Mantine
• Zustand
• Tailwind CSS
• ReactErrorBoundary
• ReactQuery
• Prettier
• Fuse.js
• echarts
• Lodash.js
• Immer
• react-json-view
• Dayjs