<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>ChatGPT API in JavaScript for Beginners - AI Chatbot Tutorial</title>
        <link>https://tube.grossholtz.net/videos/watch/f0ce1ed4-bf1e-4774-9f8a-0b70d5579778</link>
        <description>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. ☕ Buy me a coffee: https://www.buymeacoffee.com/leonvanzyl #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 &amp; 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</description>
        <lastBuildDate>Mon, 06 Apr 2026 04:57:34 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>PeerTube - https://tube.grossholtz.net</generator>
        <image>
            <title>ChatGPT API in JavaScript for Beginners - AI Chatbot Tutorial</title>
            <url>https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png</url>
            <link>https://tube.grossholtz.net/videos/watch/f0ce1ed4-bf1e-4774-9f8a-0b70d5579778</link>
        </image>
        <copyright>All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.</copyright>
        <atom:link href="https://tube.grossholtz.net/feeds/video-comments.xml?videoId=f0ce1ed4-bf1e-4774-9f8a-0b70d5579778" rel="self" type="application/rss+xml"/>
    </channel>
</rss>