Under the hood vector artwork by Xavier Wendling

Blog

Website development workflow update

05.03.2019

This website’s development and build workflow keeps evolving. I just completed the last round of changes and optimizations with ease of development, shorter build times and website performance topping my priority list.

Taking cues from the latest evolutions in Netlify’s boilerplate for Hugo I have revisited my asset pipeline dropping Gulp and now exclusively relying on Webpack.

Unchanged is my reliance on PostCSS and Babel respectively for CSS and JavaScript compiling/transpiling.

Although I have been exploring alternatives in the React echosystem such as Gatsb and Next.js, my static site generator of choice for this project remains Hugo, in part for its blazing-fast build performance but also for the excellent development experience.

Optimization efforts were also aimed at further reducing the number of HTTP requests and the size of my Javascript assets. This meant making sure only the minimum is loaded from vendor libraries this project relies upon, dropping non-essential stuff and leveraging Webpack’s tree shaking capabilities.

Additionally further round trip reduction is achieved by making sure more of those assets are pieced together into the main bundle.

Another notable change is the adoption of the Tailwind utility-first CSS framework replacing a solution previously based on Tachyons.

Head over to the web section of this site for more on my work in web development.