UPDATED - Getting started with Bootstrap 5 and HUGO static site generator - Tutorial - Introduction

This video is all about getting you started with Hugo the static site generator, and using Bootstrap 5 (the most popular CSS library).

You get 1 month free, to watch my courses using my referral link.

Full length HUGO and Bootstrap 5 intro course

Full length SASS/SCSS building with Hugo Course

Full length JavaScript building with Hugo Course

SEO and asset optimisation with Hugo Course

Looking for the best value for money travel insurance that suits both travellers and digital nomads? Covid-19 coverage included! Use my link to support this channel.

Like the video? Buy me a cofee!!

Read more about the topics discussed in this video:

Bootstrap 5 getting started template:
Bootstrap 5 background colours
Text Colours

A Github repository of this tutorial

0:00 - Introduction
1:32 - Create new site (project)
5:14 - Archetypes Folder
6:52 - Content Folder
12:02 - Data Folder
12:51 - Layouts Folder
16:56 - Partials Folder
18:16 - Modify Layout files & add Bootstrap classes
43:01 - Resources Folder
44:05 - Static Folder
47:14 - Themes Folder
47:47 - Configuration file
49:11 - Enable HTML in markdown

#hugo #website #staticsite #staticsitegenerator #jamstack

[patrickjackman]

Hey there! Just wanted to say thank you for making this tutorial. It was a huge help in getting things off the ground quickly for a recent personal project.

[cyberdrizzt]

Great video, probably one of the best for getting to grips with how Hugo does things

[fabiobianchi]

Thanks for the video! Your explanation is very clear and concise at the same time.

[bn_ln]

Awesome tutorial, it's so easy to waste time going down theme rabbit holes

[rockinrandalf]

Great video, thanks a lot for your efforts in making this easy to follow tutorial.

[wasuprogrammi]

how can i install bootstrap locally instead of cdn? have you a video for that

[DavidBelliveau]

At 32:00, I did it with and without the dashes and it seemed to work the same. Am I missing something?

[creativestarfox]

Thank you so much for this video. I started watching the previous one and after I read the description I saw you made a new one.

Really describes the basics of Hugo well. I've been stuck for a while because I couldn't get pre-built themes to work. I think with this knowledge I can get a step further.

How did you get those nice folders icons in the directory hierarchy listing in Visual Studio Code?

I see you are using a light theme for Visual Studio Code. Just curious why, simply a personal preference? Is it one of the default installed themes?

Do you have any video recommendations for using, configuring and customizing Visual Studio Code?