CannerCMS lets you build flexible content management systems easy and fast, CMS developers built for CMS developers.
Template CMS, Content Management System can build websites fast, but clients often need custom solutions? Well, what CannerCMS do is let creating custom CMS fast and easy with many clouds.
Are you using CannerCMS? Please share with us here. Once we approve, you will get one month PREMIUM plan for your account!
CannerCMS is flexible and agnostic, that you can learn once and create any form of CMS for many different databases.
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.
With different connectors, you are able to create a CMS to interact with Firebase, MySQL, PostgreSQL, GraphQL with the same schema.
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.
- 30+ CMS components
- Support Layouts
- Support Queries
- Support Chart
- Support i18n
- Support Validation
- Support Condition
- Support Customization
Full documentation: https://www.cannercms.com/docs
# 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.cannercms.com
Support us with a monthly donation and help us continue our activities. [Become a backer]
Worrying about hosting, updates, security problems? Use CannerCMS cloud - Just create CMS schema, we will do the rest.
| Open Source Edition | CannerCMS cloud | |
|---|---|---|
| Authentication Server | Single User | Pay as you go |
| CMS server | Self-host | ✅ |
| API server | Self-host | ✅ |
| Global CDN | 🚫 | ✅ |
| Role permission | 🚫 | ✅ |
| Sandbox testing | 🚫 | ✅ |
| Event logging | 🚫 | ✅ |
| Multiple language | 🚫 | ✅ |
| Deployment logging | 🚫 | ✅ |
| API authentication | 🚫 | ✅ |
| Security check | 🚫 | ✅ |
| Automatically upgrade | 🚫 | ✅ |
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
CMS for Firebase with SSR supported (NextJS) https://github.com/Canner/canner-firebase-cms
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 cannercms.com
- Firebase - realtime database: https://www.cannercms.com/docs/tutorial-connect-to-firebase
- Prisma: https://www.cannercms.com/docs/tutorial-connect-to-prisma
- Step by Step tutorial: https://www.cannercms.com/docs/start-quick-html5up
- Why Firebase CMS: https://www.cannercms.com/docs/why-firebase-cms
Install all dependencies.
We are using yarn workspace to manage all repos, learn more about Yarn workspace
To install packages
yarn
Interested in our next roadmap to v3? Please follow issue here.
Apache-2.0
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent