Building My New Website with UIKit, Jus and CuboHub

How I built my personal website using UIKit for the frontend, Jus as a static generator, and CuboHub for hosting.

EN
PT

A little about the three tools.

Jus is an amazing framework that allows you to quickly build a functional site in a similar way to Jekyll, but with an easier-to-use system, and I like the way it works with page templates.

UIKit, for me, is "the new Bootstrap". You have components with a very simple and clean standard.

I created CuboHub to automatically update the websites of my projects.

The beginning!

Well, my old website used a theme I downloaded from the internet and made some modifications to. After a while, the number of projects grew and I started having compatibility issues on some devices, and I also had difficulty keeping the pages always up to date.

I took the first step and started creating a generator for this, called CuboHub, available on GitHub: https://github.com/CuboHub. The page is updated every time there's a new change in the repository. Then I started planning my new website, found the right tools for the job — UIKit and Jus — and with the layout in my head, I was able to execute this project in two days. You can see the results at tiagodanin.github.io.

PS: Jus uses lobars, an amazing tool!

Advantages

Jus

  • Many supported file formats (the amount is really incredible).
  • Easy to use.
  • Clean URLs.
  • Supported on GitHub Pages.
  • Many options/functions for page templates.

UIKit

  • Clean CSS.
  • Responsive web design.
  • Mobile platform support.
  • RTL support.
  • Uses the "uk-" prefix for everything. :) No conflict with your CSS.

CuboHub

  • I'm the developer :v.
  • Track your commits.
  • Easy to configure.

This article was translated from Portuguese with the help of an LLM. The original version may contain nuances not fully captured in this translation.

Let's Connect

Whether you have a project in mind, want to discuss tech, or just want to say hello, I'm always open to new conversations and opportunities.