DEV Community

Cover image for 5 Free Perfect Headless CMS for JS Developers
Haroon Ahmad
Haroon Ahmad

Posted on • Edited on

5 Free Perfect Headless CMS for JS Developers

Why headless CMS?

Let us look at some of the benefits of headless CMS:

  • Flexibility: transitional CMS is very limiting and can be frustrating. Using a headless CMS will allow you to design your front end. Moreover, it comes with a well-defined API, thus, allocating more time to creating content rather than managing it.
  • Compatible: You will able to publish the content to any smart device while the backend can be controlled from one device.
  • Secured: As the Content publishing environment isn’t accessible from the database, using this will prevent malware attacks.
  • Scalable: since the front end and back end are separated, there is no separate time needed for maintenance. This allows you to customize your website anytime without having to compromise the performance.

  • Control: It does not have any rules and gives the developer complete control. The developer will be able to integrate with any codebase and use any preferred language of their choice.

Here is small explanation by: Kontent by Kentico.

Now that we know what a headless CMS is, let us look at some of the headless CMS available in the market.

5- Ghost CMS

Ghost is a powerful app for new-media creators to publish, share, and grow a business around their content. It comes with modern tools to build a website, publish content, send newsletters & offer paid subscriptions to members.

Ghost CMS

4- Keystone Js

KeystoneJS is a generic content management framework, meaning that it can be used for developing a variety of web applications using Javascript. It is especially suitable for developing large-scale applications such as portals, forums, content management systems (CMS), e-commerce projects and RESTful Web services because of its modular architecture and clean separation of various functionality.

IKeystoneJS is a generic content management framework

3- Netlify CMS

Netlify CMS is an open source content management system for your Git workflow that enables you to provide editors with a friendly UI and intuitive workflows. You can use it with any static site generator to create faster, more flexible web projects. Content is stored in your Git repository alongside your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git.

At its core, Netlify CMS is an open-source React app that acts as a wrapper for the Git workflow, using the GitHub, GitLab, or Bitbucket API. This provides many advantages, including:

  • Fast, web-based UI: With rich-text editing, real-time preview, and drag-and-drop media uploads.
  • Platform agnostic: Works with most static site generators.
  • Easy installation: Add two files to your site and hook up the backend by including those files in your build process or linking to our Content Delivery Network (CDN).
  • Modern authentication: Using GitHub, GitLab, or Bitbucket and JSON web tokens.
  • Flexible content types: Specify an unlimited number of content types with custom fields.
  • Fully extensible: Create custom-styled previews, UI widgets, and editor plugins.

2- Strapi Js

Strapi is an opensource CMS intended to be transparent and striving to be a perfect balance between a CMS, framework, and an automation tool to speed-up back-end development and management.

  • Multi-databases support, SQLite, MySQL, Postgres are supported, you just have to pick one of your choice
  • GraphQL or RESTful: Consume the API from any client (React, Vue, Angular), mobile apps or even IoT, using REST or GraphQL.
  • 100% Javascript One language fits all. Use JavaScript from front to back.
  • Internationalization: Create multilingual websites or apps. Localize content by translating the text and adapting the messaging & structure of the page to each version.
  • Flexible content management: Build any type of category, section, format or flow to adapt to your needs.
  • SEO optimized: Easily manage your SEO metadata with a repeatable field and use our Media Library to add captions, notes, and custom filenames to optimize the SEO of media assets.

Strapi Js

1- Directus Js

Directus is an open-source CMS, that is excellent for projects that require customized databases.

  • Extremely simple to manage your content with an interface that requires no training.
  • It stays up-to-date by pulling whatever is required from the database. It is as comfortable as entering credentials.
  • It is fully decomposed and extensible. Directus adds the feature of uploading and managing files;
  • databases do not typically handle files.
  • Writing comments or a note at certain times is useful. Directus comment features prove to be very functional.
  • All activity within directus is tracked, and rollbacks are possible. Hence, you never lose data.
  • Strong Accountability

Directus is an open-source CMS

Conclusion

I personally Prefer Directus although i used all of them personally. Directus is much simpler to extend and has lots of features that other free cms's missing like Accountability and reverting to prev stage. But we can do that with other cms too though will take more time to build these.

However since strapi v4 and Keystone 6 arrives recently that are great too and now much more stable and efficient. So it's really hard to suggest only one solution it's really upto you to test them out personally and choose based on your experience :)

P.S: if you know any other great CMS that is free please mention in comment

Top comments (9)

Collapse
 
danribbens profile image
Dan Ribbens

Great list! Also take a look at payloadcms.com, it has all the features mentioned on others and offers great TypeScript support. One minor note, you listed MongoDB under Strapi, but it is no longer supported as of v4.

Collapse
 
ranaharoon3222 profile image
Haroon Ahmad

Thanks i have tried payload cms too it's great but i think it's not much popular like above ones.

And thanks for correction just removed mongo db :)

Collapse
 
e_kupchak profile image
Evgeniy Kupchak

tell me please, how are things with free Strapi?
they on the site indicate that they have their own server, I still have the right to 3 roles. does this mean I can't create more than 3 admin users?

or here speech is more about descriptions of types of roles. and I can't create more than three specific roles. For example, I need to make 7 roles of content managers, with access to different data.

Collapse
 
ranaharoon3222 profile image
Haroon Ahmad • Edited

you can create as many admins you want but cannot more then 3 roles like admin is 1 role and you can self host it

Collapse
 
qurus profile image
Eli • Edited

I have tried at the beginning directus 9 . Great interface and easy to use. But full of bugs. I don’t know now do they fixed all the issues. But made me change to strapi.

Collapse
 
ranaharoon3222 profile image
Haroon Ahmad

right but they fixed most of it try now

Collapse
 
twillot_app profile image
Simon

Nice post.I have not used any cms you mentioned.The only one I know is contentful.

Collapse
 
ranaharoon3222 profile image
Haroon Ahmad

contentful is great but it's hosted solution and pricing are too high for paid plans. Above CMS's are 100% free and can be self hosted :)

Collapse
 
ranaharoon3222 profile image
Haroon Ahmad

yes i know and used it too but we cannot self host so that's why i not included in this list