I recently migrated this blog from Wordpress to an Azure Static Web App built using Hugo. While getting the basics setup with the Microsoft documentation and other blog posts was not too tricky, adding in a search functionality required some steps which I haven’t seen documented anywhere.

First some background, hugo works by taking your website as you define it pages, articles, etc. then converting it ahead of time to static HTML to be served when people visit the site. This is all handled via Github actions, which are small actions triggered off by certain activities such as pull, push etc. Whenever I push changes back to github the action is triggered and the whole site gets updated.