How I Built This Website

I have wanted to have my own blog and custom email for a long time. Eventually, I started blogging using WordPress. However, as a student with a limited budget, I could only afford a web.id domain which now can use .id and the cheapest hosting plan 100,000 per year at Dracoola.

After publishing several articles with WordPress, the hosting disk usage became quite large, so I stopped adding new articles and the site felt heavy to access. Since then, I took a break.

Some time later, I heard about GitHub Pages, hosting websites on GitHub with free hosting and a free domain username.github.io. After trying to create a simple HTML page, I successfully deployed a basic HTML and CSS website.

Interested in GitHub Pages, I searched for more information and discovered SSG or Static Site Generator. There are many types of SSG such as Jekyll, Hexo, 11ty, Gatsby, Hugo, and others.

After joining a kulgram about SSG and Hugo, I became interested in Hugo and initially used the coder-portofolio theme, then switched to the Mainroad theme.

After that, I started building this website. Here are the steps:

Download Git, Hugo, and the theme

Initialize Git

Download the theme

Deploy Hugo

There were several things I wanted to customize, so the Mainroad theme has been heavily modified. I added some features, changed parts of the layout, and added custom shortcodes.

Satisfied with the workflow and the result, I decided to deploy this website.

However, a new problem appeared. The email under the domain could not be accessed.

After some time, I found the solution. You can read it here.