In this short tutorial we’re going to show you how to manage dependencies, use Gulp to build front-end app, and finally deploy it to the server with Buddy.
Deploying front-end is not easy anymore
The whole process used to be really easy: you just uploaded HTML to the server, maybe with some (badly) compressed pictures. Nowadays things got complicated, most web applications require to be built before the deployment. The process usually looks like this:
- first, you fetch dependencies (npm, Composer, Yarn, Bower)
- then, you concatenate and minimise assets, styles and scripts, etc. etc. (Gulp, Grunt, Webpack, Babel)
Listing all the tools helps you work on the project: keep dependencies under control and improve application performance. It’ll result with delivering better code, optimized and free of errors.
However, keep in mind that there’s still one little thing which can really complicate the development process: deployment.
Like we already mentioned, previously you just simply uploaded the files to the server and, bang, the release was ready. Today some developers think they can keep it simple by keeping the dependencies (vendor, node_nodules dir, etc.) and complied assets in the repo. If you are one of these developers, please STOP IMMEDIATELY. These things should never have found the way to your repository!