example nextjs ai forms

AI Form Builder Beispiel

Dieses Repository enthält den Code für einen KI -Formular Builder. Dieses mit dem Chatbotkit SDK erstellte Beispiel zeigt, wie Sie UI -Komponenten in einem KI -Gespräch rendern.

Demo.mp4

Technologiestapel

• Chatbotkit SDK : Zum Erstellen der Chatbot -Logik und des Umgangs mit dem Gesprächsfluss.
• React : Für UI -Komponenten, die mit dem Benutzer interagieren, wie z. B. Formulare zum Erfassen von Termindetails und Slotauswahl.

Aufstellen

1. Stellen Sie sicher, dass Sie Node.js installiert haben.
2. Klonen Sie dieses Repository.
3. Installieren Sie Abhängigkeiten, indem Sie die NPM -Installation ausführen.
4. Legen Sie die Umgebungsvariable CHATBOTKIT_API_SECRET mit Ihrem Chatbotkit -API -Geheimnis fest.
5. Setzen Sie optional die Umgebungsvariable CHATBOTKIT_MODEL , um das für die Konversation verwendete Modell anzugeben (Standard ist GPT-3.5 Turbo).

Verwendung

Führen Sie den Entwicklungsserver aus:

npm run dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Der Chatbot verwendet mehrere benutzerdefinierte Funktionen, um mit dem Benutzer zu interagieren. Dazu gehören Standard -UI -Komponenten und "Capture" -Funktionen, um die Eingabe zu erfassen.

Erfahren Sie mehr

Um mehr über Chatbotkit und Relevent SDKs zu erfahren, sehen Sie sich die folgenden Ressourcen an:

• Chatbotkit -Dokumentation - Erfahren Sie mehr über Chatbotkit
• Chatbotkit JavaScript SDKs - Erfahren Sie mehr über gebrauchte SDKs

Einsatz

Der einfachste Weg, um diese Next.js -App bereitzustellen, besteht darin, die Vercel -Plattform zu verwenden.

Beitragen

Beiträge zur Verbesserung der Funktionalität des Chatbots oder der Adressierung von Problemen sind willkommen. Bitte befolgen Sie den Standard -Pull -Anfrageprozess für Beiträge.

Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert - Einzelheiten finden Sie in der Lizenzdatei.