example nextjs ai forms

Exemplo de construtor de formulário de Ai

Este repositório contém o código para um construtor de formulários de IA. Construído com o chatbotkit sdk, este exemplo mostra como renderizar componentes da interface do usuário dentro de uma conversa de IA.

Demo.MP4

Pilha de tecnologia

• Chatbotkit SDK : Para criar a lógica do chatbot e lidar com o fluxo de conversas.
• REACT : Para componentes da interface do usuário que interagem com o usuário, como formulários para capturar detalhes de consulta e seleção de slots.

Configurar

1. Certifique -se de ter o Node.js instalado.
2. Clone este repositório.
3. Instale as dependências executando a instalação do NPM.
4. Defina a variável de ambiente CHATBOTKIT_API_SECRET com sua API Chatbotkit Secret.
5. Opcionalmente, defina a variável de ambiente CHATBOTKIT_MODEL para especificar o modelo usado para conversa (o padrão é o GPT-3.5 Turbo).

Uso

Execute o servidor de desenvolvimento:

npm run dev

Abra http: // localhost: 3000 com seu navegador para ver o resultado.

O chatbot usa várias funções personalizadas para interagir com o usuário. Isso inclui componentes da interface do usuário padrão e funções de "captura", para capturar a entrada.

Saber mais

Para saber mais sobre o ChatBotkit e os SDKs relevantes, analisam os seguintes recursos:

• Documentação do Chatbotkit - Saiba sobre Chatbotkit
• Chatbotkit javascript sdks - aprenda sobre sdks usados

Implantação

A maneira mais fácil de implantar este aplicativo Next.js é usar a plataforma Vercel.

Contribuindo

As contribuições para aprimorar a funcionalidade do chatbot ou os problemas de endereço são bem -vindos. Siga o processo de solicitação de tração padrão para contribuições.

Licença

Este projeto está licenciado sob a licença do MIT - consulte o arquivo de licença para obter detalhes.