The latest articles on Forem by Manthan Bhosle (@manthan_bhosle_73dff88f77). https://forem.com/manthan_bhosle_73dff88f77 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3649782%2Fc57bbecf-e772-4d43-9fee-1d309cca3bb0.png https://forem.com/manthan_bhosle_73dff88f77 en Manthan Bhosle Sun, 07 Dec 2025 03:32:35 +0000 https://forem.com/manthan_bhosle_73dff88f77/how-i-built-a-search-engine-with-nextjs-and-mongodb-in-one-weekend-3hdd https://forem.com/manthan_bhosle_73dff88f77/how-i-built-a-search-engine-with-nextjs-and-mongodb-in-one-weekend-3hdd <h2> The Problem 😫 </h2> <p>Every time I start a new React project, I waste hours hopping between documentation sites.<br> <em>"Does Material UI have a better Date Picker than Mantine?"</em><br> <em>"Which library has the best-looking Accordion?"</em></p> <p>I ended up with 15 tabs open just to choose a dropdown menu.</p> <h2> The Solution 💡 </h2> <p>I spent this weekend building <strong>UI Search</strong> — a centralized search engine for open-source UI components.</p> <p>It indexes the docs of the top 15 libraries (MUI, ShadCN, Radix, DaisyUI, etc.) so you can search once and see everything side-by-side.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz0dxc8juzv0qvfivujk1.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz0dxc8juzv0qvfivujk1.gif" alt="UI Search Demo" width="720" height="369"></a></p> <h2> How it Works 🛠️ </h2> <p>It's a Full Stack app built with:</p> <ul> <li> <strong>Next.js 14</strong> (App Router)</li> <li> <strong>MongoDB Atlas</strong> (for storing component metadata)</li> <li> <strong>Tailwind CSS</strong> (for the UI)</li> </ul> <p>I wrote a custom script that indexes the sitemaps of these documentation sites to keep the database up to date.</p> <h2> Try it out 🚀 </h2> <p>It's live and free to use: <strong><a href="https://ui-search-engine.vercel.app" rel="noopener noreferrer">https://ui-search-engine.vercel.app</a></strong></p> <p>I'd love to know what you think! Are there any other libraries I should add to the index?</p> showdev react webdev nextjs