Need advice about which tool to choose?Ask the StackShare community!

Gatsby

3.2K
2.4K
+ 1
121
Hugo

1.3K
1.2K
+ 1
206
Middleman

170
192
+ 1
66
Decisions about Gatsby, Hugo, and Middleman
Manuel Feller
Frontend Engineer at BI X · | 4 upvotes · 170.1K views

As a Frontend Developer I wanted something simple to generate static websites with technology I am familiar with. GatsbyJS was in the stack I am familiar with, does not need any other languages / package managers and allows quick content deployment in pure HTML or Markdown (what you prefer for a project). It also does not require you to understand a theming engine if you need a custom design.

See more
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Gatsby
Pros of Hugo
Pros of Middleman
  • 28
    Generated websites are super fast
  • 16
    Fast
  • 15
    GraphQL
  • 10
    Progressive Web Apps generation
  • 9
    Easy to connect with lots of CMS via official plugins
  • 9
    Reusable components (React)
  • 7
    Allows to use markdown files as articles
  • 5
    Static-sites
  • 5
    All the benefits of a static website + React+GraphQL
  • 5
    Images
  • 4
    List of starters as base for new project
  • 3
    Easy to connect with Drupal via official plugin
  • 3
    Open source
  • 1
    Gitlab pages integration
  • 1
    Incremental Build
  • 47
    Lightning fast
  • 29
    Single Executable
  • 26
    Easy setup
  • 24
    Great development community
  • 23
    Open source
  • 13
    Write in golang
  • 8
    Not HTML only - JSON, RSS
  • 8
    Hacker mindset
  • 7
    LiveReload built in
  • 4
    Gitlab pages integration
  • 4
    Easy to customize themes
  • 4
    Very fast builds
  • 3
    Well documented
  • 3
    Fast builds
  • 3
    Easy to learn
  • 20
    Rails for static sites
  • 18
    Erb, haml, slim
  • 17
    Live reload
  • 7
    Easy setup
  • 3
    Emacs org-mode integration by middleman-org
  • 1
    Make front-end easy and rock solid again

Sign up to add or upvote prosMake informed product decisions

Cons of Gatsby
Cons of Hugo
Cons of Middleman
  • 7
    No ssr
  • 4
    Documentation isn't complete.
  • 3
    Very slow builds
  • 2
    Flash of unstyled content issues
  • 2
    For-profit
  • 2
    Slow builds
  • 1
    Plugin driven development
  • 1
    Difficult maintenance
  • 1
    Problematic between develop and build commands
  • 1
    Too many dependencies
  • 1
    Difficult debugging
  • 4
    No Plugins/Extensions
  • 2
    Template syntax not friendly
  • 1
    Quick builds
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    - No public GitHub repository available -

    What is Gatsby?

    Gatsby lets you build blazing fast sites with your data, whatever the source. Liberate your sites from legacy CMSs and fly into the future.

    What is Hugo?

    Hugo is a static site generator written in Go. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full html website. Hugo makes use of markdown files with front matter for meta data.

    What is Middleman?

    Middleman is a command-line tool for creating static websites using all the shortcuts and tools of the modern web development environment.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Gatsby?
    What companies use Hugo?
    What companies use Middleman?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Gatsby?
    What tools integrate with Hugo?
    What tools integrate with Middleman?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    Blog Posts

    GitNode.jsFirebase+5
    7
    2407
    What are some alternatives to Gatsby, Hugo, and Middleman?
    Next.js
    Next.js is a minimalistic framework for server-rendered React applications.
    React
    Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
    Jekyll
    Think of Jekyll as a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories.
    Create React App
    Create React apps with no build configuration.
    WordPress
    The core software is built by hundreds of community volunteers, and when you’re ready for more there are thousands of plugins and themes available to transform your site into almost anything you can imagine. Over 60 million people have chosen WordPress to power the place on the web they call “home” — we’d love you to join the family.
    See all alternatives