Build a Personal Portfolio with Hugo

In this project, we’ll build a personal portfolio using Hugo that contains information about ourselves, a list of projects, and contact information. We’ll start with the initial skeleton Hugo project provided to you by default, allowing you to learn to create a static website step-by-step with Hugo from scratch.

Hugo is a static site generator written in the Go language. We’ll add content for different portfolio pages and then create layouts for each page. Once the layouts are created, we’ll style the layouts using plain CSS. We’ll build multiple pages for our portfolio, including the home page, a projects page, an about page, and a contact page.

The components in the application are styled with custom CSS to provide the initial template of the application.

The final portfolio will be as follows: