Uploaded February 2023 | Updated September 2026, 1 week ago

---

If you find my content useful and want to support the channel, consider contributing a coffee ☕: hbyt.us/coffee

In this video, we cover how to build and deploy your own AI application using SvelteKit, OpenAI's GPT-3 Model and APIs, and Vercel Edge Functions.

📁 Starting Code: github.com/huntabyte/elif-ai/tree/starter-code
📁 Final Source Code: github.com/huntabyte/elif-ai

OpenAI Playground: platform.openai.com/playground
OpenAI Tokenizer: platform.openai.com/tokenizer
SSE.js: npmjs.com/package/sse.js
SvelteKit Config Docs: https://kit.svelte.dev/docs/adapter-vercel#deployment-configuration

🚀 Become a channel member: hbyt.us/join
💬 Discord: hbyt.us/discord
🐦 Twitter: hbyt.us/twitter
🖥️ Setup Stuff: hbyt.us/gear

Chapters:
00:00 - What We're Building
00:20 - Exploring the prompt
03:05 - OpenAI API Key
03:30 - Building the endpoint
10:10 - Install sse.js
10:40 - sse.js TypeScript Setup
11:40 - Building the client-side page
17:40 - Testing It Out
18:42 - Configure For Edge Function Deployment
20:05 - Deploy to Vercel


📃 Topics Covered:
- SvelteKit Streaming
- SvelteKit AI App
- SvelteKit Vercel Edge Functions
- Vercel Edge Functions
- Vercel AI App
- OpenAI Node App
- OpenAI WebApp
- GPT-3
- text-davinci-003 model
- OpenAI Completions