Build an OpenAI-powered language translator app
Gadget v1.0 has been released! The product has been updated and this tutorial may not work without some modifications. Please refer to our docs at https://docs.gadget.dev for the latest information.
Want to get started with Gadget? Go to https://ggt.link/build-shopify-apps
Watch Riley build a fullstack language translator app powered by OpenAI, using Gadget in under 45 minutes. He uses Gadget's OpenAI connection (which includes $50 in OpenAI credits) to translate text entered by a user.
Chapters:
00:00 Intro
00:47 Create a new app
03:47 Add a new data model
06:54 Call OpenAI with custom code
11:53 Use API Playground to test code
13:05 Frontend overview
15:20 Customize frontend
17:57 Make target language dynamic
21:19 Use an HTTP route to stream responses
26:19 Save translation with onComplete in route
29:02 Deploy to production + OpenAI connection API keys
30:21 Test production app
31:57 Q&A