eleventy 🕚⚡️ VS Hugo

I made a new branch of my website and followed the instructions in the v3.0.0-beta.1 release notes:

I write and create my posts using markdown, this is then converted to html with 11ty engine. The layout of the page are decided by the metadata in the front matter section, 11ty the uses the layouts I have created using Nunjucks. This way I can add metadata and control how the page is rendered, I can inject sections and links.

Eleventy. It’s a static site generator that’s super stable, they take backwards compatibility ver seriously so you can count on it for a long time. It’s lightweight so you don’t have to install a million dependencies to get it working, and it’s the only one of the big SSG projects that’s independently funded so they’re not chasing VC backed hyper growth.

https://www.11ty.dev/

Depends on your language of choice. Personally I use Eleventy[0]. Written in JavaScript (so you'll need node & npm). Has very minimal default settings but highly configurable. Pick your templates or just use markdown if you really want. Hot reloading is enabled by default.

[0]: https://www.11ty.dev

We will use Eleventy as a static site generator of choice and Netlify Drop for free hosting. Of course, this is not the only combination; feel free to use any tool and hosting you like. One of the cool things about Eleventy is that it supports multiple template languages. We’ll use Nunjucks for this tutorial. Don’t worry if you haven’t used it before. For this tutorial, basic HTML knowledge is enough!

Now that you're familiar with why Eleventy + Storyblok is my ideal combination and how to seamlessly query data from Storyblok for use in an Eleventy project, it's time for the next exciting step: let's embark on creating a complete blog site using these two phenomenal technologies!

This post outlines the steps for migrating an existing BlogCFC blog to a JamStack, with a focus on using Eleventy.

I suggest you to try out eleventhy (https://www.11ty.dev/)

Quite simple to start, and a nice system to add some scripting and styles without the requirement of bringing in a framework.

A production flag enables you to run activities in dev or production such as minifying assets, showing draft posts, etc. There isn't a built-in flag or function that comes with eleventy (11ty) specifically for this. However we have this info at our fingertips.

I can't recommend Eleventy enough!

https://www.11ty.dev

I converted my WordPress blog to Eleventy 4 years ago and never looked back, it's been delightful!

https://www.joshcanhelp.com/taking-wordpress-to-eleventy/

Hugo, one of the most popular open-source static site generators, is written in Go and optimized for speed, flexibility, and ease of use. In this guide, we’ll walk through how to seamlessly integrate Uniqrate into a Hugo-powered website, giving you a simple way to gather user feedback and improve your content.

Several years ago static site generators were all the hotness. Around then I switched to Hugo [1] from Wordpress and it's been a good experience. You do all editing locally with the CLI then chuck it to Git to be built and hosted by Netlify.

[1] https://gohugo.io/

As you may have noticed this site is built using Hugo and Papermod theme. After playing around with Hugo and getting comfortable with it, I wanted to push the initial version of this site to the git repository and set up an automatic deployment pipeline to be able to easily publish updates to the web.

I used to build my website using a known tool named Hugo, a static site generator. I also have a LinkTree account that displays all of my links.

Hugo - used by example for perl.com (source)

The descriptive text is stored as the alt attribute on the HTML img element, and the path to the image describes the relative path to the image or an absolute image URL. In our case, the static site generator Hugo parses these Markdown files and assets (images, etc.) and converts them into static HTML pages. I want my solution to be independent of Hugo, though, because Markdown is also used in other places, such as Readme files. For now, I've also decided to ignore external images in the form of URLs, i.e., http:// or https:// links. Mostly because we're not using them.

My previous website used the Gatsby framework, for a simple reason: I am very familiar with React, so I thought customization would be easier. However, I later realized I didnt have time to maintain a bunch of Typescript and Javascript, which made me reluctant to update my website. This time, I choose Hugo. Maintaining a small amount of Go Template is easier, and I am familiar with Golang, too.

I use markdown for blogging on dev.to and on my personal blog site which is built on Hugo. I use it for notes, task lists, reports and of course project documentation. MD(Markdown) is highly extensible and can be used in numerous applications.