example nextjs ai forms

AIフォームビルダーの例

このリポジトリには、AIフォームビルダーのコードが含まれています。 ChatBotKit SDKで構築されたこの例では、AI会話内でUIコンポーネントをレンダリングする方法を示しています。

demo.mp4

テクノロジースタック

• ChatBotKit SDK ：チャットボットロジックを構築し、会話の流れを処理するため。
• React ：予約の詳細やスロット選択をキャプチャするためのフォームなど、ユーザーと対話するUIコンポーネントの場合。

設定

1. node.jsがインストールされていることを確認してください。
2. このリポジトリをクローンします。
3. NPMインストールを実行して依存関係をインストールします。
4. CHATBOTKIT_API_SECRET環境変数をChatbotkit API Secretで設定します。
5. オプションで、 CHATBOTKIT_MODEL環境変数を設定して、会話に使用されるモデルを指定します（デフォルトはGPT-3.5 Turboです）。

使用法

開発サーバーを実行します：

npm run dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

チャットボットは、いくつかのカスタム関数を使用してユーザーと対話します。これらには、入力をキャプチャするための標準のUIコンポーネントと「キャプチャ」関数が含まれます。

もっと詳しく知る

ChatBotKitと関連性のあるSDKの詳細については、次のリソースをご覧ください。

• chatbotkitドキュメント-ChatBotKitについて学びます
• ChatBotKit JavaScript SDKS-中古のSDKについて学びます

展開

このnext.jsアプリを展開する最も簡単な方法は、Vercelプラットフォームを使用することです。

貢献

チャットボットの機能を強化するための貢献またはアドレスの問題を歓迎します。寄付のための標準のプル要求プロセスに従ってください。

ライセンス

このプロジェクトは、MITライセンスに基づいてライセンスされています。詳細については、ライセンスファイルを参照してください。