When comparing Nanoc 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 8th while Nanoc is ranked 10th.
Ranked in these QuestionsQuestion Ranking
Pro Flexibly built
Nanoc is a good choice if you need to support a site with a more complex structure than a simple blog. Nanoc is more agnostic to the types of pages you have, and allows you to do finer tuned refinements like customizing the URL structure.
Nanoc has a modular architecture which makes it easier to incorporate plugins and functionality from other projects as well as extend functionality.
Pro Helps you create multilingual sites
Nanoc takes multilingual sites into consideration and has features to make translations easier to implement.
Pro Unit testing integration
Nanoc has a check command to run tests against your site and make sure it meets requirements you define.
There are built in checks to validate HTML and CSS, as well as validating internal and external links.
Pro Works well with compile to languages
Nanoc is friendly with different CSS and HTML preprocessors, so you can easily use SASS, LESS, HAML, Markdown and more.
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 Open Source
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 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 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 A lot of examples
Gatsby have a lot of examples sites in his github repository.
Pro GraphQL Data Layer
Pro Beautiful out-of-the-box blog starters
Pro Built-in code and data splitting
Con A bit raw
You'll maybe have to tweak some JSX if you want something that's not covered by available themes.