DEV Community: mlem_dev

How to Deploy Hugo With Cloudflare Pages

mlem_dev — Mon, 17 Feb 2025 23:37:45 +0000

According to wise sages (aka the internet), the best way to learn something is by teaching it to others. So, why not embark on the noble quest of starting a blog today?

What's a Static Site Generator?

In a world of bloated websites and laggy load times, Static Site Generators (SSGs) stand as the knights in shining armor. They create a site all at once and then deliver it in a flash—no lag, just pure performance.

Pros:

Performance: Like a perfectly timed dodge in Elden Ring, static site generators pre-build the entire website and deliver it to the user all at once—no waiting around for things to load.
Customization: You’re no longer chained to the whims of a CMS. With SSGs, you're free to craft whatever template your heart desires
Resource Efficiency: These frameworks are lighter than a cat’s nap, so your website won’t require a ton of resources.
Markdown, hell yeah: If you love the power of Markdown (like the freedom of the Elden Ring open world), you’re in for a treat.

Cons:

Interface: Imagine trying to navigate the Lands Between without a map—yep, that's what working with an SSG feels like at first. You’ll need to read the documentation to figure out how things work, but once you get the hang of it, you will feel right at home.
Lack of Default Templates: Out of the box, SSGs don't come with many templates. You'll either need to create your own or venture into the wilds of GitHub to find something to use.

SSGs are powerful tools! If you want to learn more, check out this detailed breakdown from Cloudflare.

What's Out There in the Land of Static Site Generators?

The world of Static Site Generators is vast, filled with many frameworks and options.
Here's the good news: you’ve got plenty of paths to explore. I’ve chosen Hugo, which seems to be one of the most popular choices (even boot.dev uses it, so that’s like the Golden Rune of validation). At work, we've dabbled in a few other options, like WordPress, Google Pages, and Nextra. Each has its strengths, but in the end, it's all about finding the right fit for your own journey.

Why Hugo?

One of my personal quests in 2025 is to learn Go, and since Hugo is written in Go, it felt like the perfect opportunity to level up those skills in the real world. Bonus points: it's fully open-source (you know, like that sword you find in the middle of nowhere that no one tells you about).

Oh, and let's not forget the cute custom themes. I went with the PaperMod theme, which I absolutely love. It’s simple, clean, and lets my content shine.

Setting Up Your Hugo Website with Cloudflare Pages

Ready to embark on the setup journey? Here’s your guide to creating your Hugo-powered website using Cloudflare Pages.

Setup

Head to the Hugo website, and choose your favorite theme. I went with PaperMod.
Before diving in, check the theme’s documentation for any specific requirements. For me, this meant heading over to the PaperMod GitHub page to make sure I wasn’t missing anything important.
Create a GitHub repository and link it to your local files. If you’re not familiar with Git yet, don't worry—learn it now. You’ll need it, trust me. Here’s a side quest in the form of a Git course by thePrimeagen—go complete it before you continue.
Once your repo is all set up, take a moment to look at the config.yaml file and make any customizations. This is your chance to tweak the theme to fit your personal aesthetic.

Cloudflare Setup

Log into your Cloudflare account, and navigate to Workers & Pages.
Click Pages, then select Connect to Git.
Choose the repository that holds your Hugo website (for me, it’s called kibbyblog).

Select Hugo from the framework preset options. You can stick with the default settings unless your theme docs say otherwise. Important! Some themes may require a specific Hugo version, higher or lower than what Cloudflare Pages uses. You can manually set the Hugo version with HUGO_VERSION = <number>. For PaperMod, I needed version 0.143.1 or higher, so that’s what I picked.

Once everything is set up, click Save and Deploy.

And voilà—your website is now live! Every time you push to the master branch, Cloudflare Pages will automatically rebuild your site and serve it under the URL {your_project_name}.pages.dev, or any custom domain you set up.

If you run into any issues along the way, don’t panic. Check the build logs for all the clues you need to debug any CI/CD problems.

Now you’re ready to explore the vast world of static site generators and embrace your role as a blog creator. May your markdown be clean, your deployments swift, and may you never get stuck in an endless loop of errors (unless it's a fun one) :3

Behold, cat!

A sip of coffee is but a small kindnenss.
Support me on Ko-fi! :3

Boot.dev vs Codecademy from newbie perspective

mlem_dev — Thu, 25 Jul 2024 18:59:38 +0000

Hi :)

I've been hanging around coding for a while now and after 4 years in the IT industry I can proudly say that I still have no idea what I am doing when it comes to coding.

Thankfully each year there is more and more online resources, that are really enjoyable to me. I really don't like videos or textbooks, they are either making me fall asleep (books), or make me do nothing and just passively stare at a screen (videos).

Online platforms like codecademy, boot.dev, kodekloud etc. are my go to resource for my education, especially nowadays, where I'm trying to go from IT Admin/Helpdesk role, to something that is more connected with back-end development, it's neat.

As a long-time codecademy user I welcomed boot.dev with a warm embrace. My ADHD loves to try new stuff and boot.dev is special in a way that is hard to put into words.

It's fun.

Also, ThePrimegen likes it.

When I'm learning on boot.dev, I feel like I'm on a journey. Like it's something that will be both enjoyable and educational. The "fun" part is what's missing in codecademy in my opinion.
Codecademy is still leading when it comes to the variety of the educational material, but it lacks something that makes me go and do the coding after 10 hours of work.

I believe, that with the passage of time, boot.dev will be a go to platform for everyone that wants to kickstart their journey in software development and do it while still enjoying those moments.

If you are still not sure what to pics - give boot.dev a try, you won't regret it.

Thank you Lane & The Team for creating such a fantastic platform!

Not sponsored btw. I wish it was LoL

My Home Lab

mlem_dev — Mon, 22 Jul 2024 18:26:04 +0000

I've been thinking about documenting my journey with IT, so let's talk about the stuff that my IT knowledge is mostly based on.

Hardware

The best price is free, so I try to find and use used hardware and borrow stuff from work that is no longer needed :)

Currently I'm running 4 separate servers consisting of:

Custom built home Server with micro-ITX NAS PC with 40 GB of RAM running Proxmox built with Motherboard and case recommended by this video from one and only Wolfgang
Two raspberry Pi's (5 & 3) running *Ubuntu Server *
Old intel NUC with 4GB of RAM

For simplicity's sake, I've decided to stick with Debian-based OS systems, since they are the ones I'm most familiar with.

When it comes to home servers builds, I sincerely recommend giving Wolfgang's Channel a go - his videos helped me a lot when it came to ordering stuff and picking the best hardware for cheap!

Software/OS

Like I said previously, Debian-based distros are the most familiar to me, so I mainly use Proxmox and Ubuntu.
Thanks to Proxmox, I'm able to easily spin up new virtual machines, which is very useful, especially when trying new distros or tinkering in general.

Thanks to an awesome project, Proxmox Helper-Scripts, I was able to easily spin up ready-to-go containers and VMs that allow me to self-host most of the stuff that I want to learn, such as Grafana, Docker, Home Assistant, PostgreSQL, etc.

And last, but not least - swamp puppy. The best firewall out there.