example nextjs ai forms

Пример создателя формы ИИ

Этот репозиторий содержит код для создателя формы ИИ. Этот пример, построенный с Chatbotkit SDK, демонстрирует, как отображать компоненты пользовательского интерфейса в разговоре AI.

Demo.mp4

Технологический стек

• Chatbotkit SDK : Для создания логики чат -ботов и обработки потока разговоров.
• React : для компонентов пользовательского интерфейса, которые взаимодействуют с пользователем, например, формы для сбора данных о назначении и выбора слотов.

Настраивать

1. Убедитесь, что у вас установлен Node.js.
2. Клонировать это хранилище.
3. Установите зависимости, выполняя установку NPM.
4. Установите переменную среды CHATBOTKIT_API_SECRET с помощью секрета API Chatbotkit.
5. При желании установите переменную среды CHATBOTKIT_MODEL , чтобы указать модель, используемую для разговора (по умолчанию GPT-3.5 Turbo).

Использование

Запустите сервер разработки:

npm run dev

Откройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.

Чатбот использует несколько пользовательских функций для взаимодействия с пользователем. К ним относятся стандартные компоненты пользовательского интерфейса и функции «захват», чтобы захватить вход.

Узнать больше

Чтобы узнать больше о Chatbotkit и соответствующих SDK, посмотрите на следующие ресурсы:

• Chatbotkit документация - Узнайте о чатботкит
• Chatbotkit JavaScript SDK - Узнайте об использованных SDK

Развертывание

Самый простой способ развернуть это приложение Next.js - использовать платформу Vercel.

Внося

Вклад в улучшение функциональности чат -бота или проблемы с адресом приветствуются. Пожалуйста, следуйте стандартному процессу запроса на привлечение взносов.

Лицензия

Этот проект лицензирован по лицензии MIT - для получения подробной информации см. Файл лицензии.