Este proyecto es un ejemplo de cómo crear un bot conversacional utilizando la API de Chat GPT de OpenAI, junto con NodeJS, Express y NextJS.
Aprende a integrar y consumir la API de OpenAI en tu aplicación para crear asistentes de chat inteligentes y personalizados que mantengan conversaciones realistas y coherentes.
Puedes ver la explicación completa en el siguiente vídeo:
- Introducción: Familiarízate con el objetivo del proyecto y lo que aprenderás a lo largo del tutorial.
- Explicación estructura: Descubre la arquitectura del proyecto y cómo está organizado.
- Cómo consumir la API: Aprende a configurar y consumir la API de OpenAI Chat GPT.
- ¿Qué son los tokens?: Comprende la importancia de los tokens y su función en la interacción con la API.
- Librerías necesarias: Conoce las librerías de JavaScript necesarias para llevar a cabo este proyecto.
- Calcular tokens de un mensaje: Aprende a calcular eficientemente los tokens de un mensaje.
- Cómo enviar una ChatCompletion: Descubre cómo interactuar con la API enviando ChatCompletions.
- Crear un chat con NextJS: Aprende a implementar un chat utilizando el popular marco de desarrollo NextJS.
- Demostración: Observa en acción el bot conversacional que has creado siguiendo este tutorial.
- Conocimientos básicos de JavaScript y NodeJS
- Conocimientos básicos de Express y NextJS (opcional, pero recomendado)
- Una cuenta en OpenAI y acceso a la API de Chat GPT (puedes obtenerla en https://beta.openai.com/signup/)
- Crea un archivo
.env
dentro de la carpetabackend
con tu API key de Open AI:
OPENAI_API_KEY=YOUR_API_KEY
- Instala las dependencias tanto en el backend como en el frontend:
npm i install
- Inicia el servidor de desarrollo del backend
npm run start-dev
- Inicia el servidor de desarrollo del frontend
npm run dev
- Abre http://localhost:3000 con tu navegador para ver el resultado.