Skip to main content
View All Products
Compute
Storage
Databases
Networking
Developer Tools
Delivery
Security
Services
Industries
Pricing
Community
Engage With Us
Explore Content
Series
18
  1. As Seen on TFIR
    53
  2. Cloud Simplified
    54
  3. Craft of Code
    62
  4. DIY Cloud
    52
  5. HackerSploit
    32
  6. In the Node Newsletter
    38
  7. Insights from Partner Events
    15
  8. Learnk8s Labs
    4
  9. Linode Kubernetes with Helm
    11
  10. MSP Spotlights
    4
  11. Open for Business
    12
  12. OpenAI Versus Project
    9
  13. Partner Roundups
    18
  14. Super User
    155
  15. Tech With Tim Linux Beginners Series
    14
  16. Terraforming Kubernetes
    6
  17. Top Docs
    75
  18. Try IaC
    5
Featuring
48
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    18
  4. Billy Thompson
    15
  5. Blair Lyon
    12
  6. Brandon Hopkins
    25
  7. Chris Nesbitt-Smith
    2
  8. Chris Psaltis
    1
  9. Code with Harry
    28
  10. Code with Tomi
    13
  11. Daniele Polencic
    2
  12. Darcy Declute
    1
  13. David Burgess
    16
  14. David Flanagan
    1
  15. Florian Walther
    1
  16. Gardiner Bryant
    59
  17. James Steel
    31
  18. Jay LaCroix
    76
  19. Jay Lyman
    1
  20. Jérôme Petazzoni (Tiny Shell Script)
    11
  21. Jose Portilla
    1
  22. Josh | KeepItTechie
    19
  23. Justin Mitchel
    29
  24. KellyAnn Fitzpatrick
    1
  25. Kevin Cunningham
    1
  26. Kyle "Kyjorei" Reid
    1
  27. Lana Lux
    5
  28. Liam Eagle
    3
  29. Matt Berk
    1
  30. Mauricio “Salaboy” Salatino
    2
  31. Melanie Posey
    1
  32. Mike Jung
    3
  33. Mike Maney
    2
  34. Ned Bellavance
    3
  35. Nelson Djalo
    6
  36. Nicole Henderson
    1
  37. Owen Rogers
    1
  38. PJ Metz
    1
  39. Salman Iqbal
    3
  40. Sam Hawley
    2
  41. Sid Palas
    9
  42. Swapnil Bhartiya
    48
  43. Talia Nassi
    1
  44. Tech with Tim
    27
  45. TechHut
    9
  46. Veronica
    1
  47. Walt Ribeiro
    18
  48. zSecurity
    1
Content Types
8
  1. Brochures & One-Pagers
    3
  2. Customer Stories
    62
  3. Ebooks
    18
  4. Email Newsletters
    38
  5. Infographics
    4
  6. Research
    7
  7. Videos
    530
  8. Webinars
    28
Categories
14
  1. Cloud Consulting Services
    14
  2. Cloud Overviews
    28
  3. Compute
    54
  4. Containers (Kubernetes, Docker)
    106
  5. Databases
    27
  6. Developer Tools
    148
  7. Linode
    45
  8. Linux
    81
  9. Multicloud
    6
  10. Networking
    16
  11. Open Source
    19
  12. Partner Network
    55
  13. Security
    56
  14. Storage
    21

In order to see embedded YouTube videos, you must have "performance" cookies enabled in your cookie preferences.

ContentOpenAI Versus ProjectHow to Incorporate ChatGPT into Your App with Qwik.js | Developing Smarter Apps With Generative AI

How to Incorporate ChatGPT into Your App with Qwik.js | Developing Smarter Apps With Generative AI

In this video, @heyAustinGil continues to build his versus app. Austin uses Qwik.js with JavaScript’s fetch API to make an HTTP request to OpenAI’s API. This allows for the integration of ChatGPT in Web Apps.

New to Cloud Computing? Get started here with a $100 credit!

Chapters:
0:00 Catch-Up
0:22 What We’ll Be Doing
0:48 Generate OpenAI Secret Key
1:40 OpenAI Reference and Authentication
4:00 Make the Initial HTTP Request
6:50 Integrate Prototype Into App
9:30 Test Form
11:10 Update Fetch Request with Prefill
12:35 Test Form Again
12:40 Obscure the API Key
14:20 Use QwikCity Actions
19:00 Test Frontend
20:05 Update Routes
22:38 Test Form
23:02 Explore Response
24:00 Test Form Again
24:20 About the QwikOptimizer
26:01 Create Environment Variables
29:55 Restart Dev Server and Test
30:40 Styling Cleanup
31:30 Add OpenAI Response to Page
32:15 Test Form
33:27 Conclusion

Follow along with Austin’s GitHub.
Check out Qwik.js docs.
See OpenAI Docs.
Learn more about Fetch API .
Subscribe to get notified of new episodes as they come out.

#AkamaiDeveloper #openai #qwikjs #nodejs
Product: Akamai Developer, Open AI, Qwik.js, ChatGPT; @heyAustinGil 

You might also like…

  1. BudiBase Deployment video thumbnail

    Budibase Turns Data Into Action Build Internal Tools that Access Data and Automate Workflows

    Kevin Cunningham showcases @Budibase an open-source platform perfect for businesses to build internal tools, web apps, and more.
  2. Learning about AI with Austin Gil episode 4, Exploring Neural Networks, LLMs, and GPTs.

    Exploring Neural Networks, LLMs, and GPTs | Web Development with Generative AI Ep4

    In this episode, Austin takes a break from coding to offer a better understanding of how AI tools like Neural Networks, LLMs, and GPTs work.
  3. How to Train Your Own Custom AI Bot featuring CodeWithHarry.

    How to Train Your Own Custom AI Bot | Use Custom Data with ChatGPT

    In this video, @CodeWithHarry shows how to use Embedchain with Python to train ChatGPT on your own data, including PDF, TXT, and more!
  4. Deploying a ChatGPT Clone to a Server Using the OpenAI API Part 2 featuring Code with Tomi.

    Deploying a ChatGPT Clone to a Server Using the OpenAI API Part 2

    In part two, Tomi shows us how to use the OpenAI API to enable the user to have a chat with the chatbot and deploy the app.
Prev Next