Prime

<p align="center"> <a href="https://docs.primecms.app"><img alt="Prime" width="330px" src="docs/_assets/prime.png" /></a> </p> <p align="center"><strong>Open Source GraphQL CMS</strong></p>

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.

Examples

Integration examples with previews.

• Gatsby (React)
• Next (React)

Tools

• apollo-link-prime
• Docker container

Screenshots

<table> <tr> <td> <img src="https://i.imgur.com/kIJJAwN.png" width="200" alt="List of documents"> </td> <td> <img src="https://i.imgur.com/9FLiisc.png" width="200" alt="Edit document"> </td> <td> <img src="https://i.imgur.com/gZZLGC5.png" width="200" alt="Edit schema"> </td> </tr> <tr> <td align="center"><i>Content Management</i></td> <td align="center"><i>Content Editing</i></td> <td align="center"><i>Schema Modeling</i></td> </tr> </table> <table> <tr> <td> <img src="https://i.imgur.com/Dim0fPN.png" width="200" alt="Multiple locales"> </td> <td> <img src="https://i.imgur.com/jHYiPa5.png" width="200" alt="Set Preview URLs"> </td> <td> <img src="https://i.imgur.com/T7q8a2M.png" width="200" alt="Create Releases"> </td> </tr> <tr> <td align="center"><i>Multiple locales</i></td> <td align="center"><i>Set Preview URLs</i></td> <td align="center"><i>Create Releases</i></td> </tr> </table> <table> <tr> <td> <img src="https://i.imgur.com/NnpKUJV.png" width="200" alt="GraphQL Queries"> </td> <td> <img src="https://i.imgur.com/p7ZvhFf.png" width="200" alt="GraphQL Mutations"> </td> </tr> <tr> <td align="center"> <i>GraphQL Queries</i> </td> <td align="center"> <i>GraphQL Mutations</i> </td> </tr> </table>

More screenshots available here

Getting Started

📖 Read Docs

🚧 Prime is currently in beta 🚧

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

Video Tutorials

<table> <tr> <td> <a href="https://www.youtube.com/watch?v=gwmdSD5muV4" target="_blank"><img src="https://i.imgur.com/3z7AT6s.png" width="200" alt="Installing video tutorial" /></a> </td> <td> <a href="https://www.youtube.com/watch?v=E_fvJzDNloc" target="_blank"><img src="https://i.imgur.com/MeRVFeN.png" width="200" alt="Adding Cloudinary" /></a> </td> </tr> <tr> <td align="center"><i>Installing on Heroku</i></td> <td align="center"><i>Adding Cloudinary</i></td> </tr> </table>

Credits

This project would not have been made possible without support from the community.

Special thanks to the following projects (sorted alphabetically):

• Accounts JS
• Ant Design by AFX
• Apollo
• GraphQL Modules
• Mobx and MST
• React Beautiful DnD by Atlassian
• TypeGraphQL
• TypeORM