Build an AI site widget with React and Typescript
In this Insiders tutorial, we’re going to harness the power of AI and the Wix CLI to elevate a standard Wix Stores site into an interactive AI experience! We’ll explore the basics of LLMs, discover the OpenAI beta "parse" API, and learn how to use React with the Wix CLI & SDK to connect to our existing store through a straightforward autonomous agent Additional Wix for Developers Resources Get Started Coding on Wix Playlist (6 Videos) ► https://www.youtube.com/playlist?list=PL0y_aclKYoYh1hSBM4ZvlogTfBt6cEa_6 Wix CLI Documentation ► https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/about-the-wix-cli-for-apps Timestamps: 00:00 Intro 01:42 What we’ll build 02:49 The Wix Studio editor 03:42 Getting started with the Wix CLI 05:04 Starting the development environment 05:35 Creating a site widget 07:13 How site widgets work 07:52 Building a site widget using React 12:46 About API extensions 14:03 Writing backend code using API extensions 17:00 Integrating with Wix Stores API 18:40 Calling our API extension from the frontend 22:02 How GPT works 24:23 Using GPT-4o with the OpenAI SDK 28:40 Integrating with Wix Ecommerce and Cart APIs 33:33 Closing words #javascript #webdevelopment #coding #wix #wixstudio #react #typescript Be sure to subscribe for more developer tips and tutorials. https://www.youtube.com/channel/UC7_JOcXN2cBE_FXFSNeIwtA?sub_confirmation=1 STAY TUNED: Discord ► https://discord.gg/wixstudio Twitter ► https://twitter.com/DevsOnWix YouTube ► https://www.youtube.com/@WixforDevelopers
Download
0 formatsNo download links available.