ChatGPT-4 with SvelteKit 🤖 Generative AI on the EDGE 🌍
Let’s use ChatGPT to create a next-gen app to share with friends for FUN, and impress potential colleagues and employees for PROFIT 😄
Click around the deployed app: https://hellothere.cat/
Add your name at the end to get your own personalised greeting!
For example: https://hellothere.cat/Johnny
In this tutorial, we learn how to integrate with the OpenAI API, and we walkthrough key SvelteKit features such as Routing & Route parameters, server-side loaders, secret environment variables, deployment ON THE EDGE, AND MORE 🚀
See the code: https://github.com/jmagrippis/hello-t...
Highlighted software:
OpenAI / ChatGPT: https://openai.com/
SvelteKit: https://kit.svelte.dev/
Vercel: https://vercel.com/jmagrippis
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— COMMUNITY —
I've started a DISCORD SERVER for us 😱: / discord
— 🥳🥳🥳 —
My own website: https://magrippis.com/
Search for @jmagrippis to find me on socials like Instagram and Twitter!
Between the comment section, the socials, the Discord… let me know somewhere what you’d like me to cover next 🙌
🎶 “The Girl with the Cat” by Tomer Baruch, “Hibernate” by KOLA & “Gratitude”, “Rewind” & “Make it Right” by Aves for the background music 🎶
—
TIMESTAMPS
—
0:00 - What are we making & WHY?!
1:32 - Starting point & goals overview
2:32 - Capture names with SvelteKit Routing fundamentals
3:21 - Use route params in server load methods!
5:02 - First DEMO 🚀 with hardcoded data!
5:45 - This is where the fun begins 🥳 OpenAI overview
6:31 - Getting an OPEN_AI_API_KEY: API keys & environment variables
8:32 - Writing an OpenAI helper, create a chat completion!
12:32 - Let’s create a chat completion! 🎉🎉🎉 MVP DEMO
13:08 - Fine-tuning and more flavour with system prompts
14:27 - “Flavoured” greetings 🎉🎉🎉 DEMO
15:21 - Deployment 🚀 on the EDGE
16:41 - Save time & money 🤑 with caching!
18:08 - A more elegant 🧐 way to save time & money, with a DB!
19:04 - IT WORKS 🎉🎉🎉 FINAL DEMO
19:28 - Next steps / homework + comment & SUBSCRIBE
Watch video ChatGPT-4 with SvelteKit 🤖 Generative AI on the EDGE 🌍 online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 17 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,987 once and liked it 74 people.