Nanoc vs Gatsby JS

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.

Nanoc takes multilingual sites into consideration and has features to make translations easier to implement.

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.

Nanoc is friendly with different CSS and HTML preprocessors, so you can easily use SASS, LESS, HAML, Markdown and more.

Editing markup is phenomenally easy when you have components.

Every change you make can be almost immediately seen in a browser.

Gatsby offers a lot of plugins to integrate tools like SASS, typescript, styled components, etc.

Gatsby is very actively developed and the maintainers are very helpful.

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.

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.

Gatsby have a lot of examples sites in his github repository.