GitHub - Canner/canner: Build CMS in React JSX(XML-like) for Firebase, GraphQL,...

README.md

Build CMS in few lines of code for different data sources, such as Firebase, GraphQL, Restful API, Prisma

Most developers struggle with building maintainable and extendable CMS, so we design an CMS framework that you can build CMS with only few lines of code and interact with different data sources.

Preview and demo

CMS schema

Using Canner, You only need to upload a XML-like(JSX) syntax, to create any kind and form of applications. Our CMS has built CMS for websites, mobile apps, and even chatbot applications. Amazingly, you can building a blog CMS within 200 lines of code, as for basic E-commerce CMS within 300 lines of code using Canner and select connector to connect to data sources, such as Firebase, GraphQL, Restful API, Prisma.

More demo visit here

Why create Canner?

Before we built Canner CMS framework, we've tried most of CMS framework such as Wordpress, Drupal, etc. What we found was that getting simple functions to work was easy enough, but once you try to build and scale into your product or your service you ran into deeper issues...

1. Humongous code base: Each CMS framework is humongous and complex, if you want to use them you have to install a huge code base into your system, and most of the time it'll affect and mess with all your existing code.

2. Hardcoded and limited APIs: APIs should not predefined and even hard coded into codebase, which is critical for building advanced use cases and impossible to build into your system.

3. Re-inventing the view layer seemed inefficient and limiting: Most CMS rolled their own views, instead of using existing technologies like React, so you have to learn a whole new system, in order to make some changes.

4. CMS are binded with frontend code: Many CMS bind with frontend code, so there are many needless and complex conventional namings and settings in your codebase, you have to learn all the system before design your theme.

5. Vendor lock-in: Many CMS are lock into a specific database and service, it's impossible to switching existing cloud services or databases later.

6. Building complex, nested CMS was impossible: Many CMS are design for simple use cases such as blog, ecommerce websites. As your service grow larger and complex, you'll run into several bottlenecks to grow your CMS that fits.

7. Building CMS fit your APIs was impossible: Most CMS are not purely CMS, they are design for building templates in it's own structure and platform. So it's nearly impossible to build CMS that fit into your existing infrastructure.

8. Design CMS structure is like managing a huge code base: Maintaining your CMS structure is like mess with huge code base with lots of conventions that you must follows.

Of course not every CMS exhibits all these issues, but if you tried using another CMS you might have run into similar problems.

If that sounds familiar, you might like Canner. Which motivates us to solve these problems.

If you are interested in how we solve these problems see Our mission

LOVE OUR IDEA AND CONCEPT? STAR OUR PROJECT ?? AND

• Canner Official site: https://www.canner.io
• Canner documentation: https://www.canner.io/docs

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

Get started

• Firebase - realtime database: https://www.canner.io/docs/start-quick-firebase.html
• Prisma: https://www.canner.io/docs/start-quick-prisma.html

Demo

Canner connect to firebase

• live demo: https://fir-cms-15f83.firebaseapp.com/login
• repo: https://github.com/Canner/canner-firebase-cms

HTML5UP templates using Canner

• live demo: https://www.canner.io/demo
• repo: https://github.com/Canner/canner-html5up-demo

Posts

• Step by Step tutorial: https://www.canner.io/docs/start-quick-html5up.html
• Why Firebase CMS: https://www.canner.io/docs/why-firebase-cms.html

Features

1. Declare in JSX

Canner CMS schema is developed in JSX that enables developers to build simple and powerful CMS.

2. Open source CMS

Canner CMS is all open source on Github, and maintained by community.

3. On Top of Apollo GraphQL

Canner CMS is built on top of Apollo and uses GraphQL internally, to help build robust and flexible data interfaces.

4. Data is yours

Instead of hosting your data on our platform, Canner CMS builds adapters that connect to biggest backend providers so that you own your data.

5. CMS component as a unit

Canner CMS is constructed with CMS components. Developers can pick components to assemble CMS interfaces.

6. Code as CMS structure

Canner CMS provides flexible CMS infrastructure, allowing developers to assemble CMS interface that adapts to their specifications.

Adaptive CMS Framework

Adaptive CMS is a novel CMS structure that differs from traditional CMS and headless CMS. The biggest difference is that Adaptive CMS decouples the view and data layers and builds data interfaces to connect to single or multiple data sources.

Learn more Why Adaptive CMS?

License

Apache-2.0