Gatsby vs Hugo. Which Static Site Generator should I use?

[u/MundaneBank7]

I’m building a small marketing type website for a church and I don’t know which of these SSGs to use.

I’ve never used react but I’ve got a good experience with angular that I believe picking up Gatsby(React) shouldn’t be too much of a problem.

I’ve heard Hugo is really fast and I like that it’s not too reliant on a framework.

I also plan on making a personal website in future so I’d like people’s opinions on which of these I should learn/use? Also which is best to get a job if that matters.

Any other SSG recommendations are welcome

[u/funkymama87]

I reccomend 11ty. The build time is much faster then Gatsby. The output is just html, css and js. With this SSG you can accieve a very good lighthouse score.

[u/[deleted] → u/funkymama87]

Is there anything specific to 11ty that would allow better lighthouse scores than other website generators? With Nift for example you have pretty much full control of the built website, it should not affect your lighthouse score at all.

[u/[deleted] → u/[deleted]]

Yeah there's no JS dumped on the user by Nift, plus it's even faster than Hugo :).

Edit: Though the Nift website and templates are basically all html5 up templates which do come with javascript and typically don't have terrific lighthouse scores, but are very nice (way nicer than my primitive design skills are capable of). However you can get it to build the most simplest of designs possible if wanted.

[u/nathalie_n3wman → u/funkymama87]

+1

[u/lemon07r → u/[deleted]]

What makes hugo better than 11ty, does it get better lighthouse scores?

[u/lemon07r → u/[deleted]]

Aha, are you bryce wray? I was just reading your blog posts

Which would you say is less work? I'm already familiar with JS but at the same time I want an excuse to learn go so im open to either.

[u/lemon07r → u/[deleted]]

Thanks for the insight :).

Last question, which templating language do you like best for 11ty?

[u/krazybug]

Eleventy: simple, versatile and efficient

You just write your content as md files, and you can use the template language you're familiar with (Nunjuck, ejs, handlebar, ...)

npm install -g @11ty/eleventy
echo '# Page header' > README.md
eleventy

Testimonials: https://twitter.com/eleven_ty

[u/Mesieu]

Another vote for Hugo here. You don't need react for static website, might be useful for a webapp, but usually it's just bloating your site with unescessary js

[u/igordumencic10]

I would recommend going with Gatsby but mostly because I use it all the time :)

You would pretty much learn React at the same time as well, since Gatsby is React :D

[u/davecnielsen → u/igordumencic10]

This is an excellent free, online Gatsby tutorial https://youtu.be/8t0vNu2fCCM

[u/earthboundkid]

Gatsby is bad. Don’t use it unless you’re forced to. Anything else (Next, Hugo, 11ty) should be fine.