Streams API with SvelteKit: Consuming Streaming Responses 🏞️ 🔴 LIVE Coding & Chill

Опубликовано: 01 Январь 1970
на канале: Johnny Magrippis
1,598
29

Streams API with SvelteKit: Consuming Streaming Responses 🏞️ 🔴 LIVE Coding & Chill

Let’s figure out how to start serving our apps faster, by streaming responses after our initial HTML load!

My latest "edited" / streamlined video was a walkthrough on making this ChatGPT / OpenAI powered app:

🚀 Check out the app yourself! https://hellothere.cat/
🪞 Make sure to try out your name, like https://hellothere.cat/Johnny
💻 See the code, open-source and free: https://github.com/jmagrippis/hello-t...

YOU TOO can leverage generative AI, just by watching that video 😄

Then, on our last livestream, we mitigated the fact that GPT4 is quite slow by rendering everything but GPT4’s response, then streaming that last bit when we got it.

But what if we want to manually consume a Readable Stream as it flows through? Like https://chat.openai.com/ does! Well, today, we'll investigate exactly that 😄

— COMMUNITY —
New DISCORD SERVER for us 😱:   / discord  
— 🥳🥳🥳 —

— Agenda —
[ ] What are we doing today? “Hello There” app? ChatGPT with SvelteKit video?!    • ChatGPT-4 with SvelteKit 🤖 Generative...  
[ ] Recap: SvelteKit magic 🪄 streaming with promises! https://kit.svelte.dev/docs/load#stre...
[ ] A `+server` endpoint to return a streaming response! https://kit.svelte.dev/docs/routing#s...
[ ] Consuming the stream on the frontend! https://stackoverflow.com/questions/7...
——⬇️ BONUS ⬇️——
[ ] Markdown parsing: https://marked.js.org/
[ ] Typing animation:    • Svelte Typing Animation 🖋️🔴 LIVE Codi...  
[ ] NEXT STEPS: Some of the “BONUS”s we didn’t get to? Let me know!

— HAVE FUN —

No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄

— Highlighted software —

SvelteKit: https://kit.svelte.dev/
OpenAI / ChatGPT: https://openai.com/

My own website: https://magrippis.com/

Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉:   / discord  

Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌


Смотрите видео Streams API with SvelteKit: Consuming Streaming Responses 🏞️ 🔴 LIVE Coding & Chill онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,598 раз и оно понравилось 29 людям.