Better Webflow Custom Code Workflows (Typescript, VS Code)

//TRY WEBFLOW!
https://try.webflow.com/webflow-is-bae?slug=solutions/freelancers

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow.io/
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-told-you-about
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-learn-webflow

// Premium content
🤝 Patreon: https://patreon.com/webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflow-201

// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bundles/creative-coding-club?ref=f5f1d2

// Connect
🙋‍♀️ Join the Discord: https://discord.gg/pwfDptfBZb?
🐥 Follow Me! https://twitter.com/WebIsBae

⬇️ Share your development environment below! ⬇️

// Timestamps
00:00 Intro
00:15 Agenda Overview
01:42 Scaffold the page in Webflow
03:50 Webflow Code Editor - Change text on button click
06:30 Codesandbox.io - Change text on button click
08:52 Webflow - CMS Slider from Splide
11:35 Webflow Code Editor - Splide Setup
14:45 Fix Splide Styles
16:10 Live Debugging Splide
23:05 Codesandbox.io - Splide Setup
27:00 VS Code Project Setup
28:20 Serving code to Webflow from VS Code
31:10 Parse Typescript with esbuild
37:05 Bundling Splide with esbuild
39:30 Create a build script
42:10 Create a build configuration file
44:20 Minify code
45:40 Typescript compiler and esbuild TS limitations
51:10 Serving Code from Github with jsDelivr
1:02:19 Outro

Видео Better Webflow Custom Code Workflows (Typescript, VS Code) канала Web Bae