⚡️CMS for developers support data sources such as Firebase/Firestore, GraphQL and Restful APIs.
Clone or download
Latest commit 5c3e235 Dec 18, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci edit circleci command order Aug 17, 2018
.vscode add examples Jul 23, 2018
__mocks__ mock style test Jul 12, 2018
docs init dashboard and product e2e test Dec 18, 2018
examples fix indent Aug 29, 2018
flow-typed/npm upgrade flow-typed def Nov 13, 2018
packages v2.0.37 Dec 18, 2018
.eslintrc.js init demo schema Sep 27, 2018
.flowconfig fix flow Aug 7, 2018
.gitignore edit webpack config Nov 2, 2018
.npmignore add npm ignore Jul 23, 2018
LICENSE Update LICENSE Nov 27, 2018
README.md Update README.md Dec 17, 2018
babel.config.js merge Nov 7, 2018
gulpfile.js fix gulpfile Oct 18, 2018
jest.config.js add jest setup file Nov 6, 2018
jestSetupFile.js add jest setup file Nov 6, 2018
lerna.json v2.0.37 Dec 18, 2018
package.json add async crud e2e Dec 18, 2018
tsconfig.json add canner-graphql-utils Aug 17, 2018
tsconfig.release.json add canner-graphql-utils Aug 17, 2018
webpack.config.js edit script Dec 10, 2018
yarn.lock crud e2e test Dec 18, 2018


npm version npm download CircleCI branch Join the community on Spectrum Twitter Follow Twitter URL

Canner, a CMS framework built for devlopers. Build CMS faster and simpler with GraphQL, Prisma, Firebase and Restful APIs.

Are you using Canner? Please share with us here. Once we approve, you will get one month PREMIUM plan for your account!

Benefits and advantages (Simple. Agile. Flexible. Efficient - SAFE)

🌍 Simple, One Framework

Canner is flexible and agnostic, that you can learn once and create any form of CMS for many different databases.

⚡️ Agile, Move Faster

By defining a Canner schema in JSX, you can determine how the CMS stores data in your databases and the appearance of the CMS UI/UX.

💪 Flexible, any Data Sources

With different connectors, you are able to create a CMS to interact with Firebase, MySQL, PostgreSQL, GraphQL with the same schema.

💸 Efficient, Less is More

Since Canner schema is only a JSX (XML-like) language without any logistic code, in other words, you can maintain your code in a configuration file and easy to maintain using version controls.


CMS features

Sources and API


Full documentation: https://www.canner.io/docs

Preview and demo


30 CMS demos using Canner

🔥🔥 Only 3 commands to start 🔥🔥

# 1. Download Canner CLI tool
➜ $ npm install --global @canner/cli

# 2. Initialize schema
➜ $ canner init:schema
# Answer the questions
# Initializing schema...
# ? What template do you want to create? (Use arrow keys)
#   None
# ❯ Blog
#   Company
#   E-commerce
# ? What data source do you want to use?
#   None
#   Firebase admin
#   Firebase client
# ❯ Prisma
✔ Initialized

# 3. Serve your CMS with Livereload in local, while you update your schema the dev server will automatically reload open http://localhost:9090
➜ $ canner script:serve

👉👉 START USING CANNER: https://www.canner.io

Why Canner is different?

Canner adopts Adaptive CMS concept. Adaptive CMS is a new CMS structure that is different from traditional CMS and headless CMS. The biggest different about Adaptive CMS is that it decouples both view and data layer. It builds data interfaces to connect to single or multiple data sources.

Adaptive CMS? Learn more here


Learn more about Canner.

  • Why create Canner? See here

  • Our mission at Canner: See here


Canner connect to Firebase

CMS for Firebase with SSR supported (NextJS) https://github.com/Canner/canner-firebase-cms

Canner connect to Firestore

CMS with Canner and Firestore, and deploy to Firebase hosting https://github.com/Canner/canner-firestore-cms

More demo visit /examples folder & canner-demo and canner.io


Blog posts


Install all dependencies.

We are using yarn workspace to manage all repos, learn more about Yarn workspace

To install packages



Interested in our next roadmap to v3? Please follow issue here.



footer banner