Meilisearch-UI
一个开源的、美观、简单且快速的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";
# ... 其他配置
在线使用
这里有一个在线演示 👉 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