example nextjs ai forms

Ejemplo

Este repositorio contiene el código para un constructor de formulario AI. Construido con el chatbotkit sdk, este ejemplo muestra cómo representar los componentes de la interfaz de usuario dentro de una conversación de IA.

demo.mp4

Pila de tecnología

• ChatBotkit SDK : para construir la lógica de chatbot y manejar el flujo de conversación.
• React : para los componentes de la interfaz de usuario que interactúan con el usuario, como formularios para capturar los detalles de la cita y la selección de ranuras.

Configuración

1. Asegúrese de tener Node.js instalado.
2. Clon este repositorio.
3. Instale dependencias ejecutando NPM Instalar.
4. Establezca la variable de entorno CHATBOTKIT_API_SECRET con su secreto de la API de chatbotkit.
5. Opcionalmente, establezca la variable de entorno CHATBOTKIT_MODEL para especificar el modelo utilizado para la conversación (el valor predeterminado es GPT-3.5 turbo).

Uso

Ejecute el servidor de desarrollo:

npm run dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.

El chatbot utiliza varias funciones personalizadas para interactuar con el usuario. Estos incluyen componentes de la interfaz de usuario estándar y funciones de "captura", para capturar la entrada.

Obtenga más información

Para obtener más información sobre el chatbotkit y los sdks relevantes miran los siguientes recursos:

• Documentación de chatbotkit: aprenda sobre chatbotkit
• Chatbotkit javaScript SDKS - Aprenda sobre SDK usados

Despliegue

La forma más fácil de implementar esta aplicación Next.js es usar la plataforma Vercel.

Que contribuye

Las contribuciones para mejorar los problemas de funcionalidad o dirección del chatbot son bienvenidas. Siga el proceso de solicitud de extracción estándar para contribuciones.

Licencia

Este proyecto tiene licencia bajo la licencia MIT; consulte el archivo de licencia para obtener más detalles.