DecapCMS (formerly Netlify CMS)
- Stats: 16.7k GitHub stars • ~40k weekly downloads • 400 contributors
- Links: GitHub • NPM • Docs
- Tech Stack: Framework agnostic • TypeScript partial
- Growth: 15% star growth, 20% NPM growth (6 months)
- Best For: Multi-framework projects, documentation sites, JAMstack
TinaCMS
- Stats: 9.4k GitHub stars • ~25k weekly downloads • 200 contributors
- Links: GitHub • NPM • Docs
- Tech Stack: React 16 • Full TypeScript
- Growth: 25% star growth, 40% NPM growth (6 months)
- Best For: React projects, visual editing, complex content structures
KeystaticCMS
- Stats: 3.2k GitHub stars • ~5k weekly downloads • 50 contributors
- Links: GitHub • NPM • Docs
- Tech Stack: React 18 • Full TypeScript
- Growth: 100% star growth, 200% NPM growth (6 months)
- Best For: Modern React apps, type-safe content, developer experience
OutstaticCMS
- Stats: 1.2k GitHub stars • ~2k weekly downloads • 20 contributors
- Links: GitHub • NPM • Docs
- Tech Stack: Next.js 13 • Full TypeScript
- Growth: 80% star growth, 150% NPM growth (6 months)
- Best For: Next.js projects, blogs, simple content needs
SveltiaCMS
- Stats: <1k GitHub stars • ~500 weekly downloads • 10 contributors
- Links: GitHub • NPM • Docs
- Tech Stack: Svelte 3 • Full TypeScript
- Growth: 30% star growth, 50% NPM growth (6 months)
- Best For: Svelte projects, small sites, simple content management
Notes:
- All statistics are approximate and updated as of April 2024
- Growth trends are measured over the last 6 months
Author's Thoughts:
Based on the experience of testing them last few days on these tools.
Each tools has its own Pros and Cons on each technology.
DecapCMS
- It has the most Github stars
- It is not much type-safety on the configuration file.
- It is one of the earlier Git-based CMS implementation as well, so it has many issues reported as well.
- It has supports all the frameworks (Hugo, Nuxt, Next, Gatsby, etc).
- You can initialize it with normal html and just load the script tag and most of the time it will work fine if you follow their tutorial.
- They have a lot of features and schema options for each fields and you can customize them as well.
Mostly the tutorials and templates are coupled with Netlify which is free to start with.
I hope they have more tutorials with Vercel or Cloudflare as well and more readings on how to create your own authentication guides.
It has good examples though - so I managed to read the examples of creating custom authentication implementation in NextJS and work on it.
TinaCMS
- It is also one of the highest Github stars in this list.
- They have Cloud based option which is free to start without the hassle to setup your own authentication and admin users which is really helpful to quickly test the features they have.
- The self hosted option as well is very much easy nowadays to setup, just need to get free online DB (Postgres / MongoDB) which can be created using Supabase / Neon for Postgres and MongoDB Atlas for MongoDB. They have free options.
- I had few hiccups while setting up TinaCMS on bigger repository but their starters are always working fine to start with.
- They have type safety in their schema setups which is really nice to develop with.
- The Github integration with the changing the branch is also very nice feature for Git based CMS.
- TinaCMS is not only Git based CMS it also support API based CMS - it is a combination. This means it is flexible to support many other platforms with API. Not only in this project but it can be used more easily in other projects as well to be fetched directly from the Cloud through API.
If that is your use case to utilize more API usages in many more cases then TinaCMS would be a great option.
KeystaticCMS
- This is currently my recommendation if you are NextJS or Astro user since they have really clear documentation on their integration, and easy to follow starting guides.
- It has Cloud option as well which you can start using directly.
- It has type safety on their schema hence it is quite easy to develop as well.
- The setup for the GitHub App is automated in Keystatic which is really helpful as I setup manually for OutstaticCMS, SveltiaCMS and DecapCMS and a lot of times, I made mistakes while doing it.
- They are still early, and the maintainers are not as much as the others project, but it is still very much ready to be used into the workflow with many of its customization features.
OutstaticCMS
- This is more targeted towards Blogs or Content Heavy CMS from their editor will be focusing on the Content by default.
- It has nice integration with NextJS, very easy to run directly locally.
- You have to setup manually the Github Apps for authentication to get the editor to push to the Githup Repo.
- It is quite new as well but very easy to be used and quickly start with.
- It is just the project is not really as customizable towards general use case for other CMS cases (like global settings, etc) it is targeted more towards Full Content pages.
SveltiaCMS
- It is a fork from NetlifyCMS / DecapCMS and it is reworked built from scratch using Svelte instead for better performance.
- They do not have their own site page as of this time of writing, but they would have it later I would say since they will release the version 1.0 in early 2025.
- Their installation basically from DecapCMS and just replace it with their scripts or package. Pretty simple replacement from DecapCMS
- If you are a DecapCMS user, I would recommend to try the SveltiaCMS and test your own use cases with it.
Write in the comments if your favorite Git-based CMS is not listed here, and what are your thoughts on them?
The above is the detailed content of Top it-based CMS Comparison (As of April 4). For more information, please follow other related articles on the PHP Chinese website!