React Templates & Themes Logo React Templates & Themes
Headlesscms.org screenshot

Headlesscms.org

Author Avatar Theme by Netlify
Updated: 20 Oct 2020
628 Stars

Source for headlesscms.org

Github Live Preview

Categories

React static Styled components

Overview

headlesscms.org is a leaderboard website that showcases the top open-source static site content management systems. It has recently moved to jamstack.org/headless-cms/ and is maintained by Netlify, a hosting and automation service for static websites and apps. The CMSs featured on headlesscms.org follow the Jamstack methodology and are truly headless, meaning they only handle content and data without being responsible for building the site. The website allows contributors to add new headless CMSs by forking the repository and adding a .md file in the content/projects folder.

Features

  • Leaderboard of top open-source static site content management systems
  • Requires CMSs to follow the Jamstack methodology
  • CMSs should be truly headless and not responsible for building the site
  • Contributors can add new CMSs by forking the repository and adding a .md file in the content/projects folder

Installation

  1. Make sure you have the latest version of Node.js and npm installed.
  2. Clone the repository.
  3. Run the following command to retrieve Twitter followers and GitHub stars:
npm install
  1. To authenticate with GitHub, generate a personal access token with permission to create Gists at https://github.com/settings/tokens.
  2. For Twitter authentication, create an application at https://apps.twitter.com to obtain the necessary tokens.
  3. When deploying, set the environment variables as per the example provided. For local development, create a .env file at the root of the repository and set the environment variables there.
  4. GitHub and Twitter data are cached in the .tmp directory and online in a Gist. If there is no fresh data available (newer than 24 hours), the build process will automatically fetch data from GitHub and Twitter.
  5. Visit http://localhost:3000/ to view the website. React Static will automatically reload when changes occur.

To test a production build locally, run the following command:

npm run build
npm run serve

To run a production build for deployment, use Netlify or a similar hosting service.

Summary

headlesscms.org is a leaderboard website that showcases the top open-source static site content management systems. It follows the Jamstack methodology and features CMSs that are truly headless. Contributors can add new CMSs by forking the repository and adding a .md file in the content/projects folder. The website is built and maintained by Netlify and is licensed under the MIT license.