standalone-c1-component

Standalone C1 Component Demo

Example Next.js project demonstrating how to use Thesys GenUI SDK with C1 API in a standalone component, outside of a chat interface.

Overview

This project showcases how to integrate C1 component directly into your application without requiring a chat interface. Here's the overall flow:

1. Application renders a form with a single input field to ask for a company name or domain
2. UI makes a POST request to /api/ask route with user input
3. /api/ask route uses C1 API to generate a response
4. The response is rendered in the C1 component
5. When user does some action on C1 component, it makes a POST request to /api/ask route with the user action along with the previous C1 response for context.

C1Component usage is demonstrated in src/app/home/HomePage.tsx

Setup Instructions

1. Copy env.example to .env and set THESYS_API_KEY, TAVILY_API_KEY

cp env.example .env

2. Install dependencies:

npm install

3. Run the development server:

npm run dev