How to build a full stack app with the Wix CLI

Build from scratch with Wix's new dev stack, Wix CLI—the meta-framework that uses React and Typescript. Additional Wix for Developers Resources Get Started Coding on Wix Playlist (6 Videos) ► https://www.youtube.com/playlist?list=PL0y_aclKYoYh1hSBM4ZvlogTfBt6cEa_6 Description Join a live coding session to see how we use the Wix CLI to build a functional application. In this tutorial, we’ll create an “Additional Fees” application using the Wix CLI and Wix Patterns, including a dashboard for business owners to assign fees to product collections, a site plugin for displaying fee indicators on Wix Stores product pages, and a backend service plugin to incorporate fees into the cart and checkout summary. We’ll showcase how the Wix CLI toolkit, Wix SDK, and Wix Design System streamline development with React and TypeScript. Relevant Links: Wix SDK https://dev.wix.com/docs/sdk Wix Design Systems https://www.docs.wixdesignsystem.com/?path=/story/getting-started--about Timestamps: 00:00 Intro and solution overview 02:25 CLI Docs overview 03:25 Setup dev env and code review 11:11 npm run generate and start building 20:30 Dynamic Dropdown with Wix Stores SDK 23:48 Wix Patterns Component 25:51 Import Wix Patterns provider 31:21 Import Additional Fees Data 36:02 Site Plugins and Service Plugins 41:12 Implement Additional Fees API 49:00 Create Fee Indicator Plugin 1:00:00 Create Service Plugin 1:05:00 Build, Version, and Deploy #javascript #webdevelopment #coding #wix #wixstudio #typescript #react 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