Need advice about which tool to choose?Ask the StackShare community!
Decisions about CMS.js, Gatsby, and React-Static
Manuel Feller
Frontend Engineer at BI X · | 4 upvotes · 162.9K 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.
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn MorePros of CMS.js
Pros of Gatsby
Pros of React-Static
Pros of CMS.js
Be the first to leave a pro
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 React-Static
- GraphQL2
- All the benefits of a static website + React+GraphQL1
Sign up to add or upvote prosMake informed product decisions
Cons of CMS.js
Cons of Gatsby
Cons of React-Static
Cons of CMS.js
Be the first to leave a con
Cons of Gatsby
- No ssr6
- Very slow builds3
- Documentation isn't complete.3
- For-profit2
- Slow builds2
- Flash of unstyled content issues2
- Problematic between develop and build commands1
- Difficult debugging1
- Too many dependencies1
- Plugin driven development1
- Difficult maintenance1
Cons of React-Static
- GraphQL1
Sign up to add or upvote consMake informed product decisions
- No public GitHub repository available -
- No public GitHub repository available -
What is CMS.js?
CMS.js is fully client-side, Javascript site generator in the spirit of Jekyll that uses plain ol' HTML, CSS and Javascript to generate your website. CMS.js is like a file-based CMS. It takes your content, renders Markdown and delivers a complete website in Single-Page App fashion...without the aid of server-side scripting (no Node.js, PHP, Ruby, etc.).
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 React-Static?
React-Static is a next-gen static site generator for React. Finally, you can build a website like you do any other React App. There's no special CMS, query language, or crazy lifecycle hooks. Just good old React producing an amazing SEO-ready, user experience driven, progressively enhanced website. The effort is minimal, but the benefits are not!
Need advice about which tool to choose?Ask the StackShare community!
What companies use CMS.js?
What companies use Gatsby?
What companies use React-Static?
What companies use CMS.js?
No companies found
What companies use Gatsby?
What companies use React-Static?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with CMS.js?
What tools integrate with Gatsby?
What tools integrate with React-Static?
What tools integrate with CMS.js?
What tools integrate with Gatsby?
Sign up to get full access to all the tool integrationsMake informed product decisions
Blog Posts
What are some alternatives to CMS.js, Gatsby, and React-Static?
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.
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.
VuePress
A minimalistic static site generator with a Vue-powered theming system, and a default theme optimized for writing technical documentation. It was created to support the documentation needs of Vue's own sub projects.
Hexo
Hexo is a fast, simple and powerful blog framework. It parses your posts with Markdown or other render engine and generates static files with the beautiful theme. All of these just take seconds.
Astro
It is a new kind of static site builder that delivers lightning-fast performance with a modern developer experience.
It combines decades of proven performance best practices with the DX improvements of the component-oriented era. Use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default.