DEV Community: Javier Barbaran

How to build a personal blog without paying a single euro

Javier Barbaran — Sat, 19 Apr 2025 15:53:39 +0000

Most people who needs a blog or a personal website would normally use a CMS (Content Management System). There are a bunch of very well known options, such as, WordPress, Blogger, Wix, Drupal, Joomla, Ghost, Jekyll, or Hugo. However, many of these options come with recurring fees or annoying ads. But what if I told you that you don’t have to pay a single cent to have a fast, and professional blog? And what if that blog could be hosted for free?

So, either if you already have a blog or you are considering on making one, keep reading, I'm sure you'll find this post very insteresting.

As developers, we have the knowledge and tools to create our own digital space without spending a single euro. The reality is that most of us still pay for our websites.

In this post, I’ll walk you through my journey from WordPress to switching to Hugo, an open-source static site generator that I now use for my personal blog.

My Journey towards Hugo CMS

I’ve been running a personal website since 2008 using WordPress, and it is an amazing software. No need to say more when WordPress by itself powers around 30% of the websites worldwide!!!.

But I always wanted to have my site multilingual,and doing so things get complicated or more expensive. That's when I decided to look for a different approach.

After doing some research I discovered Hugo CMS: An open-source, static site generator with amazing multilingual support. And the best part? It's completely free!

Why Hugo?

Hugo is a headless CMS based on Markdown, and it has a huge community of developers who share a variety of themes. It's incredibly fast and doesn't require you to write a single line of code to get started. You just need to set up a configuration file and you're good to go.

It's also a static CMS, which means your site will no depend on databases, serving pure HTML, making it super fast and easy to host anywhere, for free!

Getting started with Hugo

Setting up Hugo is straightforward, check out this link. Here’s how to do it in just a few steps:

Install Hugo: Follow the installation guide here.
Choose a Theme: Browse the themes at Hugo Themes. I personally recommend PaperMod, which is the one I chose.
Configure Your Site: Adjust the configuration file (TOML or YAML) to match your preferences. You can find an example of my configuration for PaperMod here.
Preview Locally: Run hugo serve and visit http://localhost:1313/ to see your site live on your computer.
Once you are happy with the result, go live! (keep reading!)

Hosting Your Hugo Blog for Free

Now that you’ve created an amazing blog, it's time to share it with the world!

Here are some of the best free hosting options for static sites:

GitHub Pages: Host your site directly from a GitHub repository.
Cloudflare Pages: I personally recommend Cloudflare Pages for its great performance and custom domain support.
Netlify and Vercel: Both offer fast and free hosting with easy integration.

(I may have missed some other interesting options, if you know others please share them down bellow, in comments!)

In my case, I compared all the previous options and I chose Cloudflare pages, which it seems to me like the best option.

How to do it? Again, it is rather easy and it is very well documented. Just follow this guide.

Just remark that you have to use git and upload the source code of your website to GitHub and doing so, every time you push your changes to your repo Cloudflare detects it automatically and publish it instantly.

By the way, my website is javierbarbaran.com. I'd love to hear what you think, and I encourage you to share your experience if you decide to go this route!

Happy coding!

Advent of Code 2024

Javier Barbaran — Sat, 30 Nov 2024 08:33:10 +0000

🎁 🎶 It's beginging to look a lot like Christmas.... 🎶 🎄

Since 2020, when I first discovered Advent of Code adventofcode.com, I can't help but feel excited as November ends. Every year, I start planning which programming language, IDE, or technology I’ll use for this fun and challenging event.

What is Advent of Code (AoC)?

Wait... you don’t know what Advent of Code is? No worries, let me explain!

adventofcode.com is a website created by Eric Wastl where, from December 1st to December 25th, a daily programming puzzle is published. These puzzles can be solved with code, and they range from simple to complex as the days progress. If you enjoy programming, it’s an incredibly fun experience!. For a sneak peak, check out puzzles from previous years here.

For me, Advent of Code has become a tradition that marks the beginning of the Christmas season.

How to approach Advent Of Code

Advent of Code can be a great opportunity to:

Learn a new programming language or get comfortable with a new IDE.
Sharpen your skills with algorithms, recursion, optimization, and more.
Just have fun coding with the language and tools you already love!

Whether you’re diving into something new or sticking with what you know, the key is to enjoy the journey.

Why join the challenge?

There are several reason for taking this challenge, however the most important one is: to have fun!. Beyond that, it is an excellent opportunity to sharpen your skills. I totally recommend it, either if you are beginner in coding, or either you are an experienced developer, the challenges will push you and broaden your knowledge!

You are not alone!

Lets be real, it’s not a walk in the park, and as days go by, the puzzles are more complex so you have to spend for time solving it. There is a huge range of algorithms covered, recursivity, optimization, branch and bound, ... so it is rather complicated to get to the whole advent of calendar.

When you get stuck (because let’s face it, it happens to everyone),we must not forget that there is a active and supportive community in Reddit.

My setup for 2024

This year, I’ve decided to use C# with the latest .NET version in Visual Studio Code, and also Dev Containers. Why? dev containers in Visual Studio offer:

A consistent, isolated development environment.
Security and ease of managing dependencies.
The ability to keep my base OS clean, regardless of the tools or languages I’m using.

With a busy schedule, I need something efficient, and this setup feels like the perfect balance of productivity and fun.

Final thoughts

What about you? Will you participate this year? Is it your first time, or are you a regular participant? I’d love to hear about your plans, tech stack, and experiences in the comments below!

If you enjoyed this post, please leave a like and share your thoughts. Happy coding, and good luck with Advent of Code!

Ubuntu Setup Essentials: First Steps After Installing on a 2015 MacBook Air

Javier Barbaran — Sun, 10 Nov 2024 15:25:03 +0000

In the first part of this series I showed how easy it was and the great performance I got when installing Ubuntu 24.04 LTS on a 2015 MacBook Air to give it a new lease on life.

The turn over is.... Surprise! As I mentioned before, all the laptop's functionality works perfectly! Plus, the system speed is noticeably better compared to macOS. And that is awesome.

Now that I have a fresh Ubuntu installation, what are the next steps? There are a ton of very professional websites showing advanced first steps in Linux in general (deleting unused users, securing root, enabling SSH access, setting up a firewall, among a lot others). After researching online, I've compiled a list of essential and straight-forward first tasks:

Update the System

Keeping your system updated is essential for getting the latest security patches and an optimized experience.

First, refresh your local package index by running the following command in the terminal:

sudo apt update

Then, upgrade your packages to the latest versions with this command:

sudo apt upgrade

Finally, open the Software Center to check if any installed applications have pending updates.

Get Familiar with the GNOME Desktop

Even though I’ve used Linux—and specifically Ubuntu—before, I mostly use Windows on a daily basis. GNOME is quite intuitive, but it's a good idea to spend a few minutes exploring its options, menus, applications, and getting comfortable with the system.

Customize the Desktop
In the Settings menu, you'll find tools to personalize the system. The Appearance section is especially useful, allowing you to switch to dark mode, change the wallpaper, and adjust the dock’s position.

Install Your Preferred Software

The easiest way to install software is through the Software Center, which includes many popular applications.

In my case, I've already installed some essentials that I frequently use and will add more as needed:

Brave – This browser looks promising, and I’m eager to try it. Ubuntu comes with Firefox by default.
Visual Studio Code – A versatile code editor and development environment.
Element – A Matrix client for decentralized communication.
Prioritize Security: Enable and Configure the Firewall
Ubuntu includes UFW (Uncomplicated Firewall), which is simple to configure and effective.

Configuring Ubuntu Firewall (UFW, Uncomplicated Firewall)

UFW (Uncomplicated Firewall) does not have its own web interface for configuration, so it is generally managed from the terminal in Linux operating systems. It is a firewall tool designed to be simple and easy to use, especially on Ubuntu and similar distributions, and it allows for simplified firewall rule management through command-line commands. Therefore, I'm going to provide here a few basic steps to configure it.

To check the current firewall status:

sudo ufw status

By default, it will be inactive, so activate it with this command (NOTE: Do not activate it if you're connected to the Ubuntu via SSH or you would lose connectivity with it):

sudo ufw enable

Then, set a basic policy by denying incoming connections by default and allowing outgoing ones:

sudo ufw default deny incoming sudo ufw default allow outgoing

Next, allow exceptions to browse the web (enabling HTTP and HTTPS ports) and to access the device via SSH:

sudo ufw allow http sudo ufw allow https sudo ufw allow ssh

Advanced Steps

Many guides mention the option of enabling Flatpak, an alternative to Snap, which is Ubuntu's default package manager. Each has its pros and cons, so it’s a good idea to research both before making a choice. You can find more details about these package systems in this link.

Conclusion

My last experience with Ubuntu was a few years ago, and returning to it now, I’m impressed with its evolution. Compatibility with older hardware has improved, and today it offers a much smoother and efficient experience. For me, installing Ubuntu on my MacBook Air has been a success: it went from barely usable to fast, user-friendly, and fully compatible.

With the steps outlined here, you have a solid foundation to start exploring Ubuntu.

Reviving a 2015 MacBook Air with Ubuntu: A Step-by-Step Guide to Breathe New Life into Your Old Mac

Javier Barbaran — Wed, 06 Nov 2024 20:30:06 +0000

I have a 2015 MacBook Air with an Intel i5-5240U processor, 4GB of RAM, and a 128GB hard drive. Although I kept it updated with the latest macOS versions (increasingly difficult due to limited disk space), and that was a mistake. This caused the MacBook to slow down drastically, to the point that I barely used it anymore… basically, it became a glorified paperweight.

The installation and user experience with Ubuntu has improved significantly since I last tried it about six or seven years ago. The process is super straightforward and efficient. Thanks to Ubuntu, my laptop has regained its speed! Here’s the step-by-step installation process:

Prerequisites

An old laptop or computer (in this case, a MacBook Air 2015).
A USB drive with at least 8GB capacity (I used a 128GB one, which is more than enough).

Ubuntu Installation Steps

Download Ubuntu: Start by downloading the Ubuntu image from its official website. You can do this from the MacBook itself (if it’s still usable) or from another computer, as I did. Which version to choose? I recommend the latest LTS (Long-Term Support) version, which offers five years of maintenance and security updates. I installed Ubuntu 24.04 LTS.
Create a bootable USB: The downloaded image will be in .iso format, which is a disk image. To create the bootable USB on Windows, I used Balena Etcher, which is straightforward and effective. This software has three main steps:

- Select the image: Click on “Flash from file” and choose the .iso file you downloaded.
- Select the target drive: Make sure you pick the USB drive and not your computer’s hard drive.
- Start the process: Confirm everything is set, and click “Flash.” Writing and verification may take a few minutes.

Installing Ubuntu on the MacBook

Boot from the USB drive: Connect the USB drive to the MacBook (which should be powered off), then turn it on while holding down the Option/Alt (⌥) key. You’ll see a list of recognized bootable drives, and you should select the USB icon.
Test before installing: Once Ubuntu loads, you’ll have two options: “Try” or “Install Ubuntu.” I recommend choosing “Try” to check if it recognizes all essential drivers. In my case, everything worked! From the backlit keyboard to the trackpad, WiFi, and special function keys.
Install Ubuntu: When you’re ready, click on the install icon on the Ubuntu desktop. The process is entirely guided and intuitive. You’ll only need to select language, keyboard configuration, and timezone. After a few minutes, Ubuntu was installed and ready to go.

Results and Conclusions

And voilà! My MacBook Air feels like new. With Ubuntu, its performance is much smoother, boot times are quick, and the user experience is excellent. While I didn’t perform benchmark tests before wiping macOS, I can assure you the difference is incredible: the laptop flies!

So, if you have an old computer and think your only options are recycling or discarding it, consider installing Linux. You could give it a second life with Ubuntu, Mint, or any other distribution. My recommendation is Ubuntu because, as I mentioned, the process was easy and the results fantastic.

Until next time!