DEV Community

Cover image for What's your favorite Static Site Generator?

What's your favorite Static Site Generator?

Madza on May 12, 2021

SSGs handle the build process before the pages are requested by the client, meaning that they’re ready to serve when requested. Some of the most c...
Collapse
 
remotesynth profile image
Brian Rinaldi

I have a couple favorites depending on the scenario.

If I am building a site that doesn't have complex UI functionality that may require a framework (like React), I use Hugo. It's blazing fast and I have been able to do pretty much anything I want with it (for example, cfe.dev has login, search, etc. and it's all Hugo).

If I need complex UI functionality and want a framework, I go with Next.js. I like the way next handles things like routing and static props. The learning curve feels steep to me and I often feel like I am fighting difficult debugging related to client vs. server values, but those are just some complications of using a frontend framework for Jamstack sites, not specifically any issue with Next.

Collapse
 
xixianykus profile image
xixianykus

Hugo. It's the fastest by far which means it's more suitable as sites get bigger. The reduced time also translates to reduced build times by your hosting company which can mean lower cost. I also really like that it's just one file that you can use anywhere.

I've also tried Jekyll and Eleventy.

The downside of Hugo is that although there is a lot documentation it's not the most easy to understand for some: I think that will depend on one's background though.

Collapse
 
markiewiczjulian profile image
Julian Markiewicz

I would also recommend Hugo. For me an important thing that I was looking for, when picking up an SSG was, that there would be a lot of ready to use, well documented themes (I was felling pretty lazy when changing my website 😄).
I would also agree with @xixianykus that how fast will you get the generator depends mainly on what you were working with previously. I'm working on the frontend in frameworks like vuejs or angualr and there are a lot of similarities between them and Hugo. I just watched the tutorial which introduced me into the hugo development and was ready to go.

Collapse
 
madza profile image
Madza

Afaik most of them claim to be 'blazing fast', Gatsby being one of the first examples to come to mind 😀😀 Irl Hugo has been often referenced from devs as being the fastest ⚡

Collapse
 
pavelloz profile image
Paweł Kowalski

SvelteKit ;)

Collapse
 
yoglib profile image
Yogev Boaron Ben-Har

Really want to use it, waiting for it to get stable...

Collapse
 
madza profile image
Madza

did you try sapper as well before that?

Collapse
 
pavelloz profile image
Paweł Kowalski

Yes, but only indirectly, by using routify ( routify.dev/ ).

Now im researching options when it comes to SSG im considering SvelteKit or Elder.js (Svelte syntax)

Collapse
 
breadcrumb profile image
Brando

I’m building my own so it’s my favorite :)

It’s going open source soon.

Collapse
 
pontakornth profile image
Pontakorn Paesaeng

I love Nuxt + Nuxt contenti. I can config and customize it with my Vue knowledge. WindiCSS integrates with Nuxt well.

I also like Hugo but I think the template and taxonomy are difficult to understand. I do understand about template but I cannot understand taxonomy system enough to make anything (category, tag) about it.

Collapse
 
mitchartemis profile image
Mitch Stanley

I'm quite enjoying using Zola for personal projects. Other than that Hugo is always a solid bet.

Collapse
 
bezpowell profile image
BezPowell

Also using Zola for my personal website, and loving it. I haven't explored many other options, but don't really feel the need to as Zola covers 99% of what I want it to do.

It's also quick which is really nice.

Collapse
 
yoursunny profile image
Junxiao Shi

I keep my eggs in multiple baskets.
/t/ has Jekyll.
/study/ has Hexo.
I made custom themes for both, on day 0.
2017 rebuild blog post

Jekyll is fast but I don't know Ruby so I can't change it much.
Hexo is slow but I can read JavaScript to understand how it works, and customize to some extent.

P.S. if you need server side rendering for your staticgen, see:
dev.to/yoursunny/the-worst-server-...

Collapse
 
funbeedev profile image
Fum

Gatsby, because it's the only one I've tried so far and still have lots to learn about it.

Collapse
 
andrewbaisden profile image
Andrew Baisden

NextJS because my current website was built with it.

Collapse
 
thomasbnt profile image
Thomas Bnt ☕

I like NuxtJs

Collapse
 
eduardoweiland profile image
Eduardo Weiland

I'm using Hugo in my blog. It's fast and one of the simplest to get started. I've written a blog post about migrating from Wordpress to Hugo in my blog (Portuguese only).

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

I like Gridsome a lot because it's based on Vue and was an easy transition from Gatsby since it was heavily inspired by Gatsby 💚

Collapse
 
manutopik profile image
Emmanuel Salomon

Nuxtjs + nuxt-content and netlifycms is a really good combo when content are written by many users.

Collapse
 
thomasbnt profile image
Thomas Bnt ☕

Content! Yeeep good module!

Collapse
 
rickmills profile image
Rick Mills

I've quite liked using Jigsaw. I've found it far less awkward to work with than some of the JS ones.

Collapse
 
adriangrigore profile image
Adrian Emil Grigore • Edited

My own mkws.sh! 😜

Collapse
 
louislow profile image
Louis Low

My favorite SSG is 11ty.

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt • Edited

Nuxt because of intuitiveness and lots of plugins, but it is not light weight at all.

\me trying to create my own Hugo theme.

Collapse
 
billraymond profile image
Bill Raymond

I went with Jekyll since GitHub supports it out of the box, making it easier for an occasional developer like myself to quickly get things done. I am interested in learning more about Hugo though.

Collapse
 
shadowtime2000 profile image
shadowtime2000

I use 11ty for basic things then for more advanced sites I use NextJS.

Collapse
 
nitinkatkam profile image
Nitin Reddy

My favorite is definitely Jekyll! It's not as popular as it used to be, but it's still a good choice.

Collapse
 
carrotfarmer profile image
Dhruva Srinivas

Next.js, because of the awesome integration with React, TypeScript, and Vercel's Hosting platform.

Collapse
 
kalashin1 profile image
Kinanee Samson

Next js

Collapse
 
kokitree profile image
kokitree

I like Hugo, which is ultra fast. By now I end up using 11ty, which is simply great enough.