柚木

Canner/canner

README.md

logo

npm version Twitter URL

Universal CMS framework in build CMS in React JSX(XML-like) for Firebase, GraphQL, Restful API, Prisma, in other words, an agnostic CMS framework for any applications and data sources.

Canner flow

Benefits and advantages

🌍 Universal CMS framework

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

⛄ Create data model and UI design at the same time.

While you are defining Canner schema in JSX, you are defining how your CMS store your data in your databases, and how your CMS UI/UX should look like.

schema

👩‍💻 One schema to any database

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

😎 Easy to maintain and extend

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.

🔥🔥 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

Preview and demo

CMS preivew

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.

syntax

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 Twitter URL

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

Get started

Demo

Canner connect to firebase

HTML5UP templates using Canner

Posts

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.

overview

Learn more Why Adaptive CMS?

License

Apache-2.0

footer banner