Blog - Page 1 of 8


Dropping Webpack for Vite Part 2
#Software engineering #JavaScript #Netlify
Posted on

My previous post walked through my progress with swapping Webapck for Vite using the Middleman external pipeline. I was able to quickly see great performance improvements, reduced dev server and build times and a decent drop in the number of JavaScript dependencies. But there were still some issues and I knew I could improve things. Especially after I discovered Vite Ruby.

Read more
Dropping Webpack for Vite Part 1
#Software engineering #JavaScript
Posted on

I have been using the Middleman external pipeline with Webpack to bundle my JavaScript and SCSS files and this approach has been working well after I eventually worked my way through all of the complexities of the initial Webpack configuration. But with so many bundlers available at the moment I thought it was time to see how things could be improved.

Read more
Automated build process for my JavaScript documentation website
#Software engineering #Netlify #JavaScript
Posted on

My last blog post demonstrated how to build a JavaScript documentation website using JSDoc and have it deployed on Netlify. The process was a bit manual though so in this post I improve upon the solution by automating the build using a GitHub Action to ensure my documentation website is never out of sync with the documentation in my code base.

Read more
Building a JavaScript documentation website
#Software engineering #Netlify #JavaScript
Posted on

I think code documentation works best when it lives side by side with the code it is documenting rather than being written in a separate document. When it's separate, it becomes easy for documentation to become stale. Out of sight, out of mind!

Read more
Jest tests for Netlify Functions
#Software engineering #Netlify #JavaScript
Posted on

Have you struggled to figure out a good way to test your Netlify Functions? As you start to make more use of functions, you really need to have good unit tests in place for peace of mind during production deploys.

Read more
Simple build step for Netlify Functions
#Software engineering #Netlify #JavaScript
Posted on

Netlify Functions are a fantastic way to extend the capabilities of a static site and enable you to easily build scalable and dynamic applications.

Read more
Displaying Core Web Vitals with Perfume.js, Stimulus and Turbo
#Software engineering #Web performance #JavaScript
Posted on

Core Web Vitals are all the rage right now because of effect they might have on search rankings. I'm passionate about website performance and thought it might be nice to make more of a feature of Core Web Vitals on my personal site.

Read more
Having fun with the 404 page
#Software engineering
Posted on

A fun 404 page? They're often just a dull page telling you that what you're looking for doesn't exist. But it doesn't have to be that way!

Read more
Building view components in Middleman
#Ruby #Software engineering
Posted on

This site is styled using the wonderful Terminal CSS which has multiple components included. One feature of Javascript frameworks that I like is this concept of components.

Read more
Choosing a CMS for a static site
#Software engineering
Posted on

To encourage myself to create more content on my personal site I thought it would be helpful to have a better writing environment. I wanted something that was simple to setup, ideally free, and would offer an easy way to preview the articles before deploying to production.

Read more