我如何在一个周末用 Next.js 和 MongoDB 构建搜索引擎

Source: Dev.to

The Problem 😫

每次开始一个新的 React 项目时，我都会在各种文档站点之间来回切换，浪费数小时。

“Material UI 的日期选择器比 Mantine 更好用吗？”
“哪个库的手风琴组件外观最佳？”

我最终打开了 15 个标签页，只是为了挑选一个下拉菜单。

The Solution 💡

我在这个周末构建了 UI Search —— 一个用于开源 UI 组件的集中搜索引擎。

它会索引前 15 大库（MUI、ShadCN、Radix、DaisyUI 等）的文档，这样你只需一次搜索，就能并排查看所有结果。

How it Works 🛠️

这是一款全栈应用，使用以下技术构建：

• Next.js 14（App Router）
• MongoDB Atlas（用于存储组件元数据）
• Tailwind CSS（用于 UI）

我编写了自定义脚本，抓取这些文档站点的 sitemap 并将其索引，以保持数据库的实时更新。

Try it out 🚀

它已经上线，免费使用：https://ui-search-engine.vercel.app

期待听到你的反馈！还有哪些库应该加入索引？