My first progress update for DigitalOcean Hackathon
Tags: dohackathon, hugo, static, digitalocean
Published: 2021-01-04 03:45:15

---
title: My first progress update for DigitalOcean Hackathon
published: true
date: 2021-01-04 03:18:09 UTC
tags: #dohackathon #hugo #static #digitalocean
canonical_url: http://tldr.pro/blog/blog/my-first-progress-update-for-digitalocean-hackathon.html
series: Portfolio DO Hackathon
---

# My first progress update for DigitalOcean Hackathon

## Introduction

Writing is hard. Completing a project is even harder.

For my new year's resolution, I will finish all my projects that I plan to start this year, and I will write progress updates in order to be accountable to my audience.

## Started 2019 with a personal blog

I started my learning journey into static sites in 2019. The obvious advantage is speed and performance compared to dynamic sites. With that, I dived into different technologies that enabled static sites.

My first attempt at building a static site was [creating](https://dennislwm.netlify.app/post/creating-a-blog-theme-with-bootstrap-and-harp) a blog theme with Bootstrap and Harp.

**Why Harp?**

Like any other static site builders, Harp creates a fast and responsive site.

Where Harp shines is that it allows you to create embeddable code via partials. For example, creating a file _\_header.ejs_ enables you to embed the header file in any of your html page.

Blog articles are also stored as markdown files, which enhances readability and portability. Harp generates one html per markdown file at compile time.

**Disadvantages of Harp**

Unlike other static site builders, Harp does not come with any default theme. This means that you will have to build your own theme, e.g. Bootstrap.js.

Also, the documentation is sparse and you may have to search through forums and google to find what you need.

## Restarted 2020 with another personal blog

In the year 2020, I came across another technology for building static sites, i.e. Hugo.

My second attempt was thus to create my [personal](https://dennislwm.netlify.app/) blog site using [Hugo](https://gohugo.io/) and deploying it to Netlify.

**Why Hugo?**

For me, the pain point for Harp.js was the lack of themes. This is where Hugo really shines as it has many different [themes](https://themes.gohugo.io/) to choose from. Also, the themes are customizable if your Hugo skills are advanced.

If you are a beginner, the good news is that you don't have to fiddle around with the files under _themes_ folder, as you can control basic settings from a _config.toml_ file.

Like Harp, blog articles are stored as markdown files under _content_ folder.

**Continuous Deployment with Netlify**

If you're a continuous deployment nut like me, you will also find that Netlify has CD support for Hugo from a GitHub repository. However, this topic requires a separate article by itself.

In reality, there are other static site generators that deserve mention, such as Jekyll, Gatsby, Vue Press, etc. However, I still like Hugo and will continue to use it for my personal sites.

## Starting 2021 with a personal portfolio site

This year, the DigitalOcean ["DO"] App Platform Hackathon has given me another idea.

My third attempt is to create a personal portfolio site using Hugo and deploying it to DO.

**Why another personal site?**

My GitHub [account](https://github.com/dennislwm) has been active since 2011, and building a portfolio online has always been in my task list but never got around to it. Hence, I'm taking this opportunity to create one during this hackathon.

For this project, I will update my progress status by posting to both my Dev.to and Twitter account. This ensures that I am held accountable by my readers and followers to complete my personal portfolio site.

**Thank you for reading this far**

I hope you will subscribe to both my [Dev.to](https://yourls.fxgit.work/a004) and [Twitter](https://twitter.com/hypowork) accounts as I update my progress during this hackathon.

## How to Reach Me

### Python, R and Metatrader for Happi Traders

[https://fxgit.work](https://yourls.fxgit.work/a001)

### FREE $100 CREDIT

[https://digitalocean.com](https://yourls.fxgit.work/001affdo)

### BUY A COFFEE

[https://ko-fi.com/dennislwm](https://yourls.fxgit.work/a002)

### DONATE

[https://patreon.com/dennislwm](https://yourls.fxgit.work/a003)

### SOCIAL MEDIA
Twitter: [https://twitter.com/hypowork](https://twitter.com/hypowork)
GitHub: [https://github.com/dennislwm](https://yourls.fxgit.work/a005)
Dev.to: [https://dev.to/dennislwm](https://yourls.fxgit.work/a004)
YouTube: [https://youtube.com/dennislwm](https://yourls.fxgit.work/a007)