ChatGPT API - Build A Chatbot App

The recently announced GPT-4 Chat model will work the same way as the model demonstrated in this video, except the token limit has increased substantially.

In this video, we cover how to build and deploy your own full-stack AI application using SvelteKit, OpenAI's newest ChatGPT API / Chat Completion Model (gpt-3.5-turbo) APIs, and Vercel Edge Functions. The new ChatGPT API is 10x cheaper and much faster than GPT-3. We also learn how to handle moderations, token limits, and more.

Chapters:
00:00 - What we're building
00:20 - How the model works
01:40 - Starting Code
02:08 - Chat Endpoint/API Route
04:55 - Setup Tokenizer
06:24 - Finish Endpoint/API Route
12:20 - Install & Setup SSE
12:49 - Client-Side Route
21:05 - Deployment Configs
21:54 - Deploy to Vercel

📃 Topics Covered:
- SvelteKit Streaming
- SvelteKit AI App
- SvelteKit Vercel Edge Functions
- Vercel Edge Functions
- Vercel AI App
- ChatGPT API
- GPT4 API
- GPT4 Web App
- GPT 4 ChatBot
- OpenAI Node App
- OpenAI WebApp
- OpenAI ChatGPT
- Custom Chatbot
- ChatGPT API
- Custom ChatGPT
- gpt-3.5-turbo model
- ChatGPT OpenAI App
- ChatGPT App
- OpenAI Completions
- OpenAI Chat Completions
- OpenAI Moderations

[mattizzle]

Just one tip, putting the identity in just the system message is not really that effective. The model actually doesn’t put a lot of weight in the system message. What I do is put it both in the system message and a brief back and forth user/assistant conversation at the beginning with the same information, like user: You are a …… and then assistant: Ah yes, I understand now that I’m a ………

[seangillic]

I am 52 and just about to start learning to code. You incredible instruction video just pushed across the line and reminded me why I want lo learn how to code and create apps using ChatGPT. Many thanks 👍

[maskman]

My thoughts on this demo tutorial:
1. This is the first tutorial that applies chatGPT api
2. The UI and UX are fantastic and smooth
3. We can integrate this chatbot into our Sveltekit apps seamlessly
4. We can learn many advanced technuques such as Vercel Edge function, sse module, the usage of chatGPT api, etc. This is a valuable lesson we could have, it is time to bring openai chatbot into our apps from now on or users will abandon your apps if they are not equipped with AI talking in human manner capability you know 😎🤓🤗😘😌

[jporre]

Great video Hunter ! always learning new things from your fast paced presentations. I was wondering how would this approach change to include svelte5, and make use of tool calling, embeddings, multimodal and realtime api.

[itswadesh]

I have started watching each of your uploads and keep on waiting for more new uploads. These videos are just fantastic. Keep spreading love...

[joetrubenstein]

Man, you are the only person on the internet right now who was able to explain this to me

[imho]

Man u are so good with the timing, was just playing around with the new API!

[lgsyt]

Impressive explanations and total cutting edge topics, very useful, please keep on doing

[p_o_z_e]

Hey, i got the stream working based on your code but in the +server id like to be able to save the finished stream to my backend or know when the stream is done at the server level right now the client looks for ["DONE"] and not server. do you have any idea how i can do that? when i add a loop like for chunk in completion etc i get a error that im blocking the response body.

[rampage_sl]

Im glad I came across this tutorial! perfect!

[gamblinggangster]

Wow, sir, my hats of to you. This is awsome yea im old im 46 and am glad ive lived trough a lotvof changes starting from the simple beper to now ai and even maybe see brain implant would love to be like the matrix movie and be able to plug in and know and be able to understand half of what you are writing hell im stuck on syntax or codes for google sheets and seeing you fly trough this blows my mind how something rhat recently came outband you are in mi opinion an expert at it you gainged a new fallower ibwillbhave to govback and watch your vids thanks for showing me this makes me want to learn something new keep up the amazing work and once again thank you for the time and effort you put into showing others. New stuff, well, at least new to me

[fegreat]

thank you so much, very usefull. Always waiting for you videos

[MCab]

What is that extension or option that shows you the typscript errors in line as you type?

[alwayzsmarter]

Amazing video. Keep these coming and ill watch every one. Maybe could get into supabase embeddings.

[JorgeEscobarMX]

Wonderful, I need to remake my chatbot app with gpt3.5 immediately.

[Kevinsmithns]

can you set it up to respond to voice commands. like, "hey chatty..." then it awakens (like alexa) and we can ask a question like finding directions to the closet gas station and then it will pull up your maps and take you there? or to ask any question you want and it searches the internet for it? id like to make an app out of it

also can you make a video showing how to use the script for newbees?

[riddhimanpaul]

I am stuggling to understand the things you are doing in this video and understand it is mostly of my lack of knowledge. What languages and things should I study to be able to comprehend what you are doing and also add on to it?

[bobbradleybell]

Hey, thanks for your content. I think i pressed the like button in every video you drop. So good an well explained.

[automioai]

Broo! what a tutorial, thanks so much. an idea for another video: python integration with sleve.

[banderdash]

Thanks, this video made my day. You helped it all make sense.