cjjenkinson / example-gatsby

Prime CMS integration with Gatsby

Home Page:https://primecms.github.io/example-gatsby/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Prime + Gatsby example

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:

Deploy

About

Prime CMS integration with Gatsby

https://primecms.github.io/example-gatsby/

License:MIT License


Languages

Language:CSS 51.3%Language:JavaScript 48.7%