A simple web app template for starting applications with R2R. This template demonstrates how to integrate R2R's powerful RAG capabilities into a Next.js web interface, providing a foundation for more complex applications.
For a complete view of how to use R2R for web development, check out the web dev cookbook.
- 📁 Multimodal Support: Ingest files ranging from
.txt,.pdf,.jsonto.png,.mp3, and more. - 🔍 Hybrid Search: Combine semantic and keyword search with reciprocal rank fusion for enhanced relevancy.
- 🔗 Graph RAG: Automatically extract relationships and build knowledge graphs.
- 🗂️ App Management: Efficiently manage documents and users with rich observability and analytics.
- 🌐 Client-Server: RESTful API support out of the box.
- 🧩 Configurable: Provision your application using intuitive configuration files.
- 🔌 Extensible: Develop your application further with easy builder + factory pattern.
- 🖥️ Dashboard: Use the R2R Dashboard, an open-source React+Next.js app for a user-friendly interaction with R2R.
-
Clone the repository:
git clone https://github.com/SciPhi-AI/r2r-webdev-template.git cd r2r-webdev-template/r2r-webdev-template -
Install dependencies:
pnpm install
-
Make sure your R2R server is running.
-
Start the development server:
pnpm dev
-
Open http://localhost:3000 in your browser to see the app.
- Update the R2R server URL in
pages/api/r2r-query.tsif needed. - Modify the UI in
pages/index.tsxto fit your needs. - Add additional pages or components as your application grows.
- Discord: Chat live with maintainers and community members
- Github Issues: Report bugs and request features
Explore our R2R Docs for tutorials and cookbooks on various R2R features and integrations.
We welcome contributions of all sizes! Here's how you can help:
- Open a PR for new features, improvements, or better documentation.
- Submit a feature request or bug report