Awesome

<a href="https://docs.primecms.app"><img alt="Prime + Gatsby example" width="330px" src="primegatsby.png" /></a> Gatsby + Prime CMS

Note: This starter uses The default Gatsby starter.

This repo contains an example website built with Gatsby, and Prime CMS: Demo Link.

What is Prime?

Prime is a standalone, self-hosted, headless CMS with a GraphQL interface powered by TypeScript.

Why Prime?

There are a lot of headless SaaS solutions out there, and many of them better than Prime, but sometimes there is a need to host the CMS locally and while most open source projects work well for that, they are missing key features.

Please don’t forget to star this repo if you found it useful

Features

🖨 Headless GraphQL Interface
🚀 Simple to use, yet powerful
📐 Slices and Groups fields
☑️ Create your own custom fields
🇮🇸 🇯🇵 Multiple languages
🚧 Preview drafts and releases without publishing
🔑 Resource and user access control
📆 Plan and schedule releases
... and many more

See the feature comparison to Prismic, Contentful and Strapi.

Access Locally

Fork the repo then,

$ git clone https://github.com/[GITHUB_USERNAME]/[REPO_NAME].git
$ cd [REPO_NAME]
$ yarn
$ yarn develop (for developing) or yarn build (to deploy).

Setting up Prime CMS

This example uses a apollo-link-prime to fetch posts from an instance of Prime CMS (which is running a Graphql server) you can add your own deploy of Prime CMS in utils/prime.js

export const client = new ApolloClient({
  link: PrimeLink({
    url: "https://example-prime.herokuapp.com"
  }),
  cache: new InMemoryCache()
});

To learn about Prime CMS:

📖 Read Docs

🚧 Prime is currently in beta 🚧

To get a sandbox to play with, just hit the Deploy button: