When comparing Roots vs Gatsby JS, the Slant community recommends Gatsby JS for most people. In the question“What are the best static site generators?” Gatsby JS is ranked 9th while Roots is ranked 18th.
Specs
Ranked in these QuestionsQuestion Ranking
Pros
Pro Active development
Roots has heavy corporate sponsorship and is worked on very actively as a full time job. That means you can rely on it.
Pro Quick deploys
You can deploy to heroku, github pages, s3, etc. with a single command.
Pro Dynamic content
Roots supports dynamic content like jekyll for every compiler and language.
Pro Currently going through an upgrade
Roots is currently in the process examining how to leverage newer technologies to make Roots even better. You can see the new project on github: https://github.com/carrot/roots-mini
Here is the blog post explaining the next phase of Roots: https://medium.com/@jescalan/eaa10c75eb22#.uacjziaej
Here is the stack they're experimenting with:
- jade - for markup
- babel - for JS and JS transforms
- postcss - for CSS transforms
- webpack - as the core compiler
As this is a work in process, it just means the future of Roots continues to look great.
Pro Custom compilers
Not only does roots support a huge number of languages and compilers out of the box, it also allows you to insert custom compilers if you want. Fun fact, roots is the only static site generator that supports dogescript
Pro Multipass compiles
Roots compiles files once for each extension, which allows for some advanced options if you get to that stage
Pro Client-side templates
Roots will precompile your templates into js, which makes it really smooth to work with client-side MV* frameworks.
Pro Quick
Since roots is written in node, everything is compiled in parallel rather than in series, making it very quick.
Pro No page reload when navigating
Pro Based on React.js
Editing markup is phenomenally easy when you have components.
Pro Live reload
Every change you make can be almost immediately seen in a browser.
Pro A lot of plugins
Gatsby offers a lot of plugins to integrate tools like SASS, typescript, styled components, etc.
Pro Very active development
Gatsby is very actively developed and the maintainers are very helpful.
Pro Built-in code and data splitting
Pro Open Source
Pro Take content from any source
Gatsby can generate the pages with content from any sources like Drupal, Wordpress, Contentful, etc. If the source plugin is not coded for your solution, you can create it.
Pro A static site and a React app in one
The static pages are generated by Server Site Rendering of the React app. So you have all benefits of a static site, and all benefits of a React app, which is very powerful.
Pro GraphQL Data Layer
Pro A lot of examples
Gatsby have a lot of examples sites in his github repository.
Pro Beautiful out-of-the-box blog starters
Cons
Con No i18n (Internationalization)
There is no i18n support out of the box. And there is only one extension that does i18n compilation with a limited feature set.
Con A bit raw
You'll maybe have to tweak some JSX if you want something that's not covered by available themes.