WebGem is a production-grade, weekly-vetted tool discovery platform designed for builders, creators, and operators. Built with Next.js 15 and React 19, it moves beyond generic tool lists to provide a curated operating system for internet tools—offering practical picks, high-signal metadata, and a zero-filler experience.
- 💎 Curated Excellence: 180+ hand-vetted tools across 16 high-impact categories (AI, Dev Tools, No-Code, etc.).
- 📂 Intelligent Collections: 26+ workflow-based groupings (e.g., "AI Writing Toolkit", "Solo Builder Stack").
- 🔍 Precision Discovery: Real-time filtering by category, pricing model (Free/Paid), and difficulty level.
- ⚡ Performance First: Server-side rendering (SSR) and optimized data fetching for a sub-millisecond discovery experience.
- 🛡️ Data Integrity: Automated validation scripts for link health, duplicate detection, and schema compliance.
WebGem leverages a server-centric, data-driven architecture to ensure maximum performance and maintainability.
graph TD
User((User/Browser)) -->|Next.js 15 App Router| Frontend[React 19 Frontend]
Frontend -->|Static Data Fetching| Data[JSON Tool Catalog]
Frontend -->|Dynamic Filtering| Logic[TypeScript Logic Layer]
Logic -->|Link Validation| Scripts[Node.js Audit Scripts]
Scripts -->|Weekly Sync| Data
| Category | Coverage |
|---|---|
| Curated Tools | 188+ High-Signal Gems |
| Workflows | 26+ Curated Collections |
| Categories | 16 Technical & Creative Sectors |
| Refresh Rate | Weekly Quality Audits |
-
Clone & Install:
git clone https://github.com/xsourabhsharma/webgem.git cd webgem npm install -
Run Development Server:
npm run dev
-
Data Integrity Checks:
npm run data:check # Validate tool catalog npm run data:duplicates # Detect duplicate gems
This project is licensed under the MIT License.
Maintained with 💎 by xsourabhsharma