Live Demo: ResearchHub.vercel.app Repository: github.com/odaysec/ResearchHub
Content Research Hub is a free, open-source web research toolkit that runs entirely in your browser. It lets you search, scrape, and map any website using the Firecrawl API. No backend needed. No server to maintain. Just deploy to Vercel and start researching. Built with React, TypeScript, Vite, and Tailwind CSS, this project is a great example of how you can build a powerful, fully client-side application and deploy it effortlessly on Vercel.
Vercel makes deploying this project incredibly simple. Since Content Research Hub is a static single-page application with no server-side logic, Vercel handles it perfectly.
Here is what Vercel brings to this project:
- Zero-config deployment Push to GitHub, connect to Vercel, and your app is live in seconds.
- Global CDN Your app loads fast for users anywhere in the world thanks to Vercel's edge network.
- Automatic preview deployments Every pull request gets its own preview URL, making it easy to review changes before merging.
- Custom domains Add your own domain with free SSL certificates, no extra setup required.
- Vite support out of the box Vercel detects Vite projects automatically and configures the build for you.
Search the entire web using natural language queries. Results come back with titles, URLs, and descriptions. You can also toggle full content extraction to pull the complete markdown from each result page.
Enter any URL and extract its content in multiple formats at the same time: You can select any combination of these formats before scraping. Metadata like page title, description, language, and HTTP status code is also displayed.
Discover all the pages that belong to a website. Enter a root URL and the tool returns up to 200 discovered URLs. Use the optional keyword filter to narrow results to specific sections. Every URL is clickable and opens in a new tab.
Users enter their own Firecrawl API key through a simple setup screen. The key is validated before being stored in the browser's localStorage. It never leaves the user's machine and is never sent to any third-party server. Users can disconnect at any time with a single click.
| Technology | Role |
|---|---|
| React 18 | UI framework |
| TypeScript | Type safety |
| Vite | Build tool and dev server |
| Tailwind CSS | Styling |
| shadcn/ui | UI component library |
| react-markdown | Markdown rendering |
| remark-gfm | GitHub Flavored Markdown |
| Firecrawl API | Web scraping, search, and mapping |
| Vercel | Hosting and deployment |
You can deploy your own instance in under a minute.
Or deploy manually:
- Fork the repository on GitHub.
- Go to vercel.com and sign in with your GitHub account.
- Click "Add New Project" and select your forked repository.
- Vercel will automatically detect it as a Vite project. Leave all settings as default.
- Click "Deploy" and wait about 30 seconds.
- Your app is now live with a
.vercel.appURL.
That is it. No build configuration needed. No environment variables to set.
If you want to run it locally before deploying:
git clone https://github.com/odaysec/ResearchHub.git
cd ResearchHub
npm install
npm run devOpen http://localhost:5173 in your browser.
- Go to firecrawl.dev and create a free account.
- Navigate to your dashboard and find the API Keys section.
- Generate a new key. It will look like
fc-xxxxxxxxxxxxxxxxxxxxxxxx. - Paste it into the app when prompted.
The free tier provides enough API calls to get started with real research.
Open source. Built by odaysec. If you found this useful, give it a star on GitHub and share it with others who might benefit from it.