Hugo VS eleventy 🕚⚡️

I used Hugo to convert markdown to html as with this it was very easy to do as I just did installed Hugo locally created a project added a pre-build theme and just copy-paste markdown files to content folder inside Hugo project that's it. Quickly pushed code to GitHub wrote a simple GitHub Workflow to deploy Hugo Site on GitHub Pages and That's it.

Like some other commenters here who started with Bootstrap/jQuery/etc., I feel stuck in the stone ages at times. My most recent content-based site uses Hugo (https://gohugo.io/), but I'm starting to tire of the magic and gotchas I keep running into.

Can someone that has used Astro and an older static site generator framework explain the pros/cons of Astro in that context?

I decided to go with Hugo to build my personal website. The only thing I based my choice on was the build time. I thought Hugo was in the same league as Astro when it comes to content management perks, but it isn't quite there yet. Or, I can say it has its own path since it's older than most of the other static site generators I've encountered. Moreover, it's a Go application, which is another important factor to consider when evaluating technology choices.

Hugo got a WASM based plugin system, but real scripting plugins that would be needed for SQLite are still a feature request: https://github.com/gohugoio/hugo/issues/5510

https://gohugo.io/

It's written in go but what's great about it, unlike many competitors written in Javascript or Python, is that it is just a simple binary you download and run, you do not need to get a PhD in the go build system to start a web site also it is crazy fast. It can publish a site to something like S3 or Azure Storage behind a CDN and you do not have to worry about anything other than paying the storage and bandwidth bills.

Myself I've been procrastinating on getting myself a blog and my take is Hugo is not customizable enough for me without learning a lot of Go, so I have looked at are either Python-based or oriented towards scientific publishing oriented systems such as

https://getpelican.com/

https://www.sphinx-doc.org/en/master/

https://quarto.org/

(I want to write stuff like https://ontology2.com/essays/PropertiesColorsAndThumbnails.h...)

I've given this list to people in your shoes and they usually react with information overload

https://jamstack.org/generators/

part of that is that there are 355 generators (there have to be some good ones in there somewhere) but it also uses the kind of miscommunication patterns we're used to in webtech where, for instance, you'd think they are pushing Javascript down your throat (the "J" stands for Javascript but the generators I've mentioned generate mostly HTML with just a little Javascript.)

Pick something simple and run with it, if I did that 2 years ago I'd be blogging now.

I'm satisfied with Hugo: https://gohugo.io/ It is very fast and has a lot of features. The syntax highlighting for code looks also very good.

For my personal site, I use Hugo, and I host the markdown files on GitHub. Publishing is done whenever I push to the repository using Netlify.

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/

I recently migrated my personal website from Next.js to 11ty, it was a great experience, which I will write more about in a later blog post.

If you're looking to start a blog (or if you're thinking of redesigning yours although you haven't posted in 2 years), you'll stumble upon a lot of options and it can be incredibly daunting; and if you stumble with the newest Josh's post about his stack it is easy to feel overwhelmed with the shown stack.

I also proposed using Bootstrap with https://www.11ty.dev for the templates. It's much easier to update a JSON file than to work with WordPress.

By using relative paths for assets and loading Bootstrap from a CDN, I can zip the website and share it via email.

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!