When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Build fast websites with Hugo the Static Site Generator & Bootstrap 5 (Introduction)
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
Free
This Course Includes
skillshare
0 (0 reviews )
2 hours 31 minutes 
english
Online - Self Paced
course
SkillShare
About Build fast websites with Hugo the Static Site Generator & Bootstrap 5 (Introduction)
Intro
Getting Started
Install HUGO and required software
Set up HUGO project in VS Code
Add Bootstrap 5
Homepage with grid, buttons and responsive design
Customise home page with Bootstrap 5
Bootstrap 5 Cards and Iteration (looping) with range
Bootstrap 5 Navbar with Hugo
Footer with automatic copyright year
Create a single page
Create a list page
Build and upload the website
Summary
Bonus - Automate Hugo tasks with NPM scripts
Bonus - Split config file
What You Will Learn?
- This course is an introduction to static site generation/static web design. .
- You will be learning to use Hugo for static site generation, and Bootstrap 5 for easy styling. .
- All of the software that you need is free, and its all explained in lesson 1. .
- You don't need any experience with Static Site Generation, Coding, HTML or CSS, but if you have some experience you will get through the lessons faster. .
- While the lessons are quite short, the course is a broad overview of everything you need to get started with Hugo and Bootstrap..
- I keep command line use to the bare minimum so you can concentrate on learning Hugo and Bootstrap 5. Graphical interfaces are used where possible..