Need advice about which tool to choose?Ask the StackShare community!
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.
Manage your open source components, licenses, and vulnerabilities
Learn MorePros of Gatsby
Pros of Hugo
Pros of Middleman
Pros of Gatsby
- Generated websites are super fast28
- Fast16
- GraphQL15
- Progressive Web Apps generation10
- Easy to connect with lots of CMS via official plugins9
- Reusable components (React)9
- Allows to use markdown files as articles7
- Static-sites5
- All the benefits of a static website + React+GraphQL5
- Images5
- List of starters as base for new project4
- Easy to connect with Drupal via official plugin3
- Open source3
- Gitlab pages integration1
- Incremental Build1
Pros of Hugo
- Lightning fast47
- Single Executable29
- Easy setup26
- Great development community24
- Open source23
- Write in golang13
- Not HTML only - JSON, RSS8
- Hacker mindset8
- LiveReload built in7
- Gitlab pages integration4
- Easy to customize themes4
- Very fast builds4
- Well documented3
- Fast builds3
- Easy to learn3
Pros of Middleman
- Rails for static sites20
- Erb, haml, slim18
- Live reload17
- Easy setup7
- Emacs org-mode integration by middleman-org3
- Make front-end easy and rock solid again1
Sign up to add or upvote prosMake informed product decisions
Cons of Gatsby
Cons of Hugo
Cons of Middleman
Cons of Gatsby
- No ssr7
- Documentation isn't complete.4
- Very slow builds3
- Flash of unstyled content issues2
- For-profit2
- Slow builds2
- Plugin driven development1
- Difficult maintenance1
- Problematic between develop and build commands1
- Too many dependencies1
- Difficult debugging1
Cons of Hugo
- No Plugins/Extensions4
- Template syntax not friendly2
- Quick builds1
Cons of Middleman
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?
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?
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
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.