Functions and extensions in programming languages are very helpful at the time we need to get a result in less amount of time or to write less code to have our project optimised.
The optimization for some people is a very fun thing to do because you can make your app/website load faster and use a minimal amount of requests but for others is a word that has a meaning of a non-enjoyable task since you need to spend more time to the project that is actually working.
Recently, the designer I work with, recommended me to use the loader https://github.com/kisenka/svg-sprite-loader that allows to create SVG Sprites with Webpack at the time you create your build or in development mode so I decided to implement it in my current project.
The steps are very easy to follow.
Back in those days (like 7 years ago), the list of technologies you needed to learn in order to become a Web Developer were not so big than now and it was easily to choose the right path for it but over the years that task has become even harder because people started to build more tools so the developers can do a better job.
Being a freelancer always implies to cover the full requirements of the clients and at some point, one of them will request to you to build a website without any kind of JS framework (https://reactjs.org/, https://vuejs.org/, etc).
That happened to me, so I thought that I didn’t want to work using simple html + css and that’s why I decided to build a Webpack starter for those specific projects.
I have a DigitalOcean droplet for testing purposes and usually I deploy static websites, NodeJS APIs and Laravel projects and in order to get the Laravel and the NodeJS servers working in the same droplet, I need to set a different port for each one using Nginx and FirewallD to open the port.