ChatGPT API in JavaScript for Beginners - AI Chatbot Tutorial
In this tutorial, you will learn how to create your very own chatbot from scratch using the new ChatGPT API and the GPT-3.5-TURBO model.
For the tech stack, we'll use Next 13 and Tailwind to build the frontend and backend logic.
This tutorial is BEGINNER friendly and ideal for coding along.
#chatgpt #chatgptapi #gpt3 #openai #gpt35turbo #midjourney
PREREQUISITES:
Create an account on Github: https://github.com
Install Git: https://git-scm.com/downloads
VS Code: https://code.visualstudio.com
USEFUL LINKS:
Midjourney: https://www.midjourney.com
OpenAI: https://openai.com
Source Code & Avatar Image: https://github.com/leonvanzyl/chatbot
Vercel: https://vercel.com
CHAPTERS:
00:00 - Introduction
00:40 - Project Demo
02:07 - What you'll learn
02:29 - Introducing Next.js 13 Route Handlers
02:39 - Introduction to tailwindcss
02:44 - Setting up a nextjs project
03:37 - Settings up Tailwindcss
05:44 - Nextjs API Route
08:37 - Creating an OpenAI account
08:55 - Generating the API Key
10:24 - Adding OpenAI createChatCompletion function
14:29 - User Interface
14:43 - Create an avatar using Midjourney
15:20 - Building the layout
30:40 - Completing the API Route
40:02 - Production Deployment
40:06 - Push the code to Github
40:50 - Vercel
43:21 - Outro
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «ChatGPT API in JavaScript for Beginners - AI Chatbot Tutorial», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.