We will not cover Git basics in this article, but feel free to read up separately as there are plenty of resources.Īt the time of writing this article, I am using Hugo Static Site Generator v0.79.0-1415EFDC/extended and Bootstrap 5 beta. Used in this article is available on GitHub This is optional, but highly recommended for version control and remote backups. We use this to maintain project depedencies IMPORTANT: make sure you pick the extended version, Hugo_extended_0.xx.x_… OR your favourite code editor for html, css and editing/maintaining the project, vscode is what I will be using throughout the guide You will need the following tools to be downloaded and installed: The tools we will use are cross-platform and should work on Windows, MacOS and Linux. Please make sure you have gone through Part 1įor background and pre-reqs. Starting & configuring your project with Boostrap and Hugo Server If you are experienced with Hugo, you can use then build your own structure and site, alternatively, you can use the project to then import ready made bootstrap templates and adapt those pages to Hugo.

This article will help you setup a basic boilerplate project with Hugo Server, a custom theme and Bootstrap 5 loaded.

Install bootstrap visual studio code