Build A Chatbot with NextJS, TailwindCSS, TypeScript and OpenAI (2024)

[@abetavarez]

🎉 Connect with me: 🔗 LinkedIn: www.linkedin.com/in/abrahametavarez/ 📷 Instagram: instagram.com/abetavarez/ 🐥Twitter/X: twitter.com/abeTavarez ☕Buy me a coffee: buymeacoffee.com/abrahamtavarez

[@wasiqonly]

Great video dude. Streamlined and well guided. Just followed along and finished seamlessly (except for I didn't have Open AI credits😅) Waiting for the next fine - tuning part! Suggestions: Please continue improving this like fine tuning, custom models or and implementing ChatBots on platforms like WhatsApp :) Great work by the way! Thanks

[@abetavarez]

Thanks those are great suggestions 🤔🙌🏻

[@egaldamez2]

Is it possible to make it work with custom gpts? Great video BTW!

[@abetavarez]

@@egaldamez2 Hey, yes it’s possible. You just need to modify the API call to use your custom model Id instead of the model name “gpt-4o-mini” in our case.

[@abhinjr4918]

wtf I thought it includes the free api one... i lost my 2 hours😪. Is it possible to continue with the free one

[@abetavarez]

Sorry for the mixup, things are changing so rapidly, at the time OpenAI didn’t required payment info but give groq.com a try they don’t require payment info for now.

[@amarsrivastava1352]

I have a query , it will be helpful if you please help . I am getting a warning in this code const completion = await openai.chat.completions.create( {messages:chat , model: 'gpt-4o-mini'} ) the warning is that Type '{ role: string; content: string; }[]' is not assignable to type 'ChatCompletionMessageParam[]'. Type '{ role: string; content: string; }' is not assignable to type 'ChatCompletionMessageParam'. Property 'name' is missing in type '{ role: string; content: string; }' but required in type 'ChatCompletionFunctionMessageParam'. is there a new field "name" added to the chat completion function parameters or this is something else . can you please help on this ??

[@abetavarez]

Yes, basically the warning is looking for an optional or deprecated property called "name" but we don't need to set that in our chat anyways, so just cast it as follow: ``` const completion = await openAI.chat.completions.create({ messages: chat as OpenAI.ChatCompletionMessageParam[], model: "gpt-4o-mini" }); ``` Let me knoe if this helps. Read more here: github.com/openai/openai-openapi/issues/118