4
12 Comments

Hugo or Gatsby (for a serverless site)?

Hugo or Gatsby (for a serverless site)?

Really torn here as I want/desperately need to re-do our websites and separately in the future will be trying to capture more corporate clients vs. B2C (China centric but serve clients worldwide).

No existing templates out there seem perfect after a wide search since I want some intro, some blog, some minor ecommerce features. Extending Hugo templates seems really tough.

Any wise words would be much appreciated. Please don't suggest WP, I just can't go there (and am stubborn). Also I like to tinker so won't pay for outside services. Thanks in advance!

on March 1, 2019
  1. 5

    It largely depends on the per-project needs.

    If the sites you're creating are not very dynamic or interactive, you should go with Hugo/Middleman/Jekyll. You'll get an MVP up much faster, and you can sprinkle React / Preact wherever you need advanced functionality.

    However, if you're looking for fancy page transitions / high interactivity / SPA-like functionality – definitely go with Gatsby / Next.js.

    I recently created a site for a client with Gatsby that truly should have been created with something like Hugo / Middleman. Gatsby introduces so so so many more moving parts that are unnecessary for 99.9% of web projects – and as a result has ended me up with a much longer development time, cryptic webpack errors along the way, problems with service worker caching on Netlify, unnecessary routing issues due to SPA-like functionality, and countless other hiccups. For what? Sub-300ms page response times? So I could impress people?

    Don't add more complexity to the project than you have to, don't use Gatsby just because it's all React and 2019 and fancy – because it can quite easily land you with a lot of headaches.

    1. 1

      highly agree. I've given a trial on every platform above mentioned, Gatsby asks for too many fixes because of errors. To be sure, making a fancy effect through js, Gatsby is a good option to go, however, You better anticipate many struggles.

  2. 3

    Designed with both. Loved them both. But they have their strengths and weaknesses.

    Budibase with Hugo.
    Joe Johnston with Gatsby

    Hugo - Speedy builds and great SEO, but no plugins.
    Gatsby - Design (transitions etc) and plugins, but the learning curve is steep (if you've not used React).

    Both have great docs and awesome communities.

    Gatsby is wonderful and has tonnes of functionality.
    But Hugo is simplistic and fast - really fast.

    Overall, it depends on the project. If you like React, go with Gatsby, if you like plain old HTML, CSS I would stick with Hugo.

    I hope this helps.

    1. 1

      Did you use a starter template for Budibase?

  3. 3

    Option C - Jekyll - I find it much simpler to use than both Hugo and Gatsby. It has lots of examples/template/etc.

  4. 3

    We've invested heavily in Gatsby, and it works very well for us combined with Netlify. We maintain a starter template for a blog site leveraging MDX for text. It's great. https://github.com/eggheadio/gatsby-starter-egghead-blog

  5. 2

    I really liked working in gatsby, I built www.mikesremotelist.com in it and found I was able to get it playing nice with contentful and netlify quite easily.

    Once the site got over a few thousand pages the builds on netlify got too slow, that may have been addressed in v2.0 though

    Not tried Hugo so no comments about that.

  6. 1

    I built a website recently in Hugo. First, I was super excited cause you get going so fast. It seems super intuitive. But, I run into several issues a long the way that I could not fix directly. Only by taking a different approach. Meaning, it wasn’t obvious why it is not working and there wasn’t good documentation. If you leave the standard part. Some things seemed buggy.
    I promised myself to look into Jekyll for the next project. (Or even switching this one).

  7. 1

    Without knowing anything about hugo I took an html template and converted it to a landing page/blog site in a day or two.

    Of the two it just depends what seems more comfortable for you to work in. Both are going to perform somewhat the same. Just read both docs and see which one feels better to you.

  8. 1

    Try them both? It doesn't take much work to get going with Hugo. I'm sure it wouldn't take much effort to get going with Gatsby either. It also depends on what you want to write in (React vs Hugo's templates).

  9. 1

    I believe @joelhooks is a Gatsby fan...

  10. 0

    I would go with Hugo, since it's written in Go :)

    If I'm not mistaken is faster than Gatsby