example nextjs ai forms

AI 양식 빌더 예제

이 저장소에는 AI Form Builder의 코드가 포함되어 있습니다. Chatbotkit SDK로 제작 된이 예제는 AI 대화 내에서 UI 구성 요소를 렌더링하는 방법을 보여줍니다.

데모 .mp4

기술 스택

• Chatbotkit SDK : 챗봇 로직을 구축하고 대화 흐름을 처리합니다.
• REACT : 약속 세부 사항 및 슬롯 선택을위한 양식과 같이 사용자와 상호 작용하는 UI 구성 요소의 경우.

설정

1. node.js가 설치되어 있는지 확인하십시오.
2. 이 저장소를 복제하십시오.
3. NPM 설치를 실행하여 종속성을 설치하십시오.
4. chatbotkit api 비밀로 CHATBOTKIT_API_SECRET 환경 변수를 설정하십시오.
5. 선택적으로 대화에 사용되는 모델을 지정하기 위해 CHATBOTKIT_MODEL 환경 변수를 설정하십시오 (기본값은 GPT-3.5 Turbo).

용법

개발 서버 실행 :

npm run dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

챗봇은 여러 사용자 정의 기능을 사용하여 사용자와 상호 작용합니다. 여기에는 입력을 캡처하기 위해 표준 UI 구성 요소 및 "캡처"함수가 포함됩니다.

자세히 알아보십시오

Chatbotkit 및 관련 SDK에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

• Chatbotkit 문서 - Chatbotkit에 대해 알아보십시오
• Chatbotkit JavaScript SDK- 중고 SDK에 대해 알아보십시오

전개

이 다음에 배포하는 가장 쉬운 방법은 Vercel 플랫폼을 사용하는 것입니다.

기여

챗봇의 기능 또는 주소 문제를 향상시키기위한 기여를 환영합니다. 기여를 위해 표준 풀 요청 프로세스를 따르십시오.

특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.