Here is a link to the blog post I mention in the video: www.clcreative.co/blog/how-to-connect-webflow-vscode-and-github-for-a-better-custom-code-workflow
When it comes to custom code and integration like this one, there are'nt much videos out there. Interesting material. Thanks and keep up the good work! 👌
This is great! Thanks for sharing. A couple of things hat popup in my mind after watching it. 1. You can't serve constantly from your localhost, you will need to host it using cdn or something. Do you have a follow up video on that? 2. In this approach you don't bundle each time you make changes to the code (e.g. "npm run build") Would that affect the script? Or how to handle it? :) Very good content! Cheers
Sorry for the late reply. Yes, this method only allows you to serve the files locally. It is so you can develop faster with Webflow. Instead of publishing every time you want to see if a changed worked, you can hit save and see it on your site (you might have to reload), but that is much faster than having to publish to see if any changes worked in the code. If I am understanding question 2, the bundling takes place when you run the initial start. It runs the build so you can run the local server. It will constantly serve any changes you have to the local server, which will show up on your website when you are developing using this method.
I have seen that some people host their entire project and then import it to Webflow. This is done when there multiple JS files, instead of pasting them directly to Webflow. Is there any benefit for this?
You only get so many lines of code in Webflow. If your code exceeds the limit, you need to host it somewhere else - GitHub or another CDN. GitHub would be good for personal projects that don't get a lot of traffic. But for client projects or projects that get a lot of traffic, you would want to look into another CDN.
Here is a link to the blog post I mention in the video: www.clcreative.co/blog/how-to-connect-webflow-vscode-and-github-for-a-better-custom-code-workflow
When it comes to custom code and integration like this one, there are'nt much videos out there. Interesting material. Thanks and keep up the good work! 👌
Thank you. Glad you found it helpful.
Thank you so much for this!
Thanks for making these tutorials! They're so helpful.
You're very welcome!
This is great! Thanks for sharing.
A couple of things hat popup in my mind after watching it.
1. You can't serve constantly from your localhost, you will need to host it using cdn or something. Do you have a follow up video on that?
2. In this approach you don't bundle each time you make changes to the code (e.g. "npm run build") Would that affect the script? Or how to handle it?
:) Very good content! Cheers
Sorry for the late reply.
Yes, this method only allows you to serve the files locally. It is so you can develop faster with Webflow. Instead of publishing every time you want to see if a changed worked, you can hit save and see it on your site (you might have to reload), but that is much faster than having to publish to see if any changes worked in the code.
If I am understanding question 2, the bundling takes place when you run the initial start. It runs the build so you can run the local server. It will constantly serve any changes you have to the local server, which will show up on your website when you are developing using this method.
I have seen that some people host their entire project and then import it to Webflow. This is done when there multiple JS files, instead of pasting them directly to Webflow. Is there any benefit for this?
You only get so many lines of code in Webflow. If your code exceeds the limit, you need to host it somewhere else - GitHub or another CDN. GitHub would be good for personal projects that don't get a lot of traffic. But for client projects or projects that get a lot of traffic, you would want to look into another CDN.
@@clcreativedallas thanks so much for the info. I’m new to Webflow and I wasn’t aware of any specific limitations with code.
You’re welcome
Very cool, if i want to serve my code through a CDN (JsDelivr or UNPKG) how could i do this?
yes, you would need to deliver your code through a CDN. I will need to make another video for this.
Thanks for watching!
How about with CSS, is there a way?
I’m not sure there is a way. You might look into another online editor to help with that