Giter Club home page Giter Club logo

example-gatsby's Introduction

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:

๐Ÿšง Prime is currently in beta ๐Ÿšง

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

Deploy

example-gatsby's People

Contributors

birkir avatar gc-o avatar

Watchers

Dan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.