example nextjs ai forms

Exemple de générateur de formulaire AI

Ce référentiel contient le code pour un générateur de formulaire AI. Construit avec le SDK chatbotkit, cet exemple montre comment rendre les composants de l'interface utilisateur dans une conversation sur l'IA.

démo.mp4

Pile technologique

• Chatbotkit SDK : pour construire la logique du chatbot et gérer le flux de conversation.
• React : pour les composants d'interface utilisateur qui interagissent avec l'utilisateur, tels que des formulaires pour capturer les détails de rendez-vous et la sélection des emplacements.

Installation

1. Assurez-vous que Node.js est installé.
2. Cloner ce référentiel.
3. Installez les dépendances en exécutant l'installation de NPM.
4. Définissez la variable d'environnement CHATBOTKIT_API_SECRET avec votre secret API chatbotkit.
5. Facultativement, définissez la variable d'environnement CHATBOTKIT_MODEL pour spécifier le modèle utilisé pour la conversation (par défaut est GPT-3.5 Turbo).

Usage

Exécutez le serveur de développement:

npm run dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Le chatbot utilise plusieurs fonctions personnalisées pour interagir avec l'utilisateur. Ceux-ci incluent les composants d'interface utilisateur standard et les fonctions de "capture" pour capturer l'entrée.

Apprendre encore plus

Pour en savoir plus sur le chatbotkit et les SDK pertinents, consultez les ressources suivantes:

• Documentation de chatbotkit - Renseignez-vous sur chatbotkit
• Chatbotkit JavaScript SDKS - Renseignez-vous sur les SDK utilisés

Déploiement

Le moyen le plus simple de déployer cette application Next.js est d'utiliser la plate-forme Vercel.

Contributif

Les contributions pour améliorer la fonctionnalité ou les problèmes d'adresse du chatbot sont les bienvenues. Veuillez suivre le processus de demande de traction standard pour les contributions.

Licence

Ce projet est autorisé en vertu de la licence MIT - voir le fichier de licence pour plus de détails.