How to add a React scripts to Hugo
Hugo

How to add a React scripts to Hugo

While migrating my site from Orchard to Hugo I wanted to add some JavaScripts. Specifically I wanted that to power the search experience using some simple JavaScripts. However, I’ve grown quite fond over using React (and TSX/JSX) to any kind of user experiences for the web and I did not want to go back to pure JavaScript or use some DOM manipulation scripts such as jQuery. Hugo, that I use for my static site, does not directly have support for transpiling React. But with a few small steps you can make React transpiling as a part of your Hugo build and use React for your user experiences. Yes, this might not be new to everyone, but I did not find a direct guide on how to set this up - specifically for Hugo noobs such as me. So here’s a quick guide on how to get started with Hugo and React.

The big isolation makeover
Azure

The big isolation makeover

Eventually time caught up with me, and with the help of some isolation, boring weather and some recent announcements from Microsoft Build, I had to go and update my/this web site. It was way overdue and it’s been on my to-do list for far to long - for a number of reasons. First of all this site has been hosted on Orchard on Azure since 2012 - without any hiccups. The setup was a dynamic web site, using Orchard, which was a state-of-the-art web and blogging CMS at that point in time. I loved the architecture and how they built it on .NET! However this setup required me to do upgrades once in a while, and eventually I stopped doing that due to some big changes, that I did not have time to mess with. So I let it be. Secondly this was running on Azure Web Site and using Azure SQL Server for backend - although fairly cheap, not optimal for my blogging cadence and the content. The interwebs has moved on and there are also more or less requirements to have your site on HTTPS, which I did not have previously. And last but not least I suck at design so I cringed to do an update.