Learn once write anywhere
With single CMS schema, you can build data model and UI at the same time, and create any forms and types of application for any data sources.
Advantages of using Canner
Canner helps companies and developer teams to develop CMS extremely fast and cut down tremendous costs
One Framework
Canner is extremely flexible and agnostic, that you can learn once and create any form of CMS for many databases.
Ultra Fast
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.
Effortless
With different connectors, you are able to create a CMS to interact with Firebase, MySQL, PostgreSQL, GraphQL with the same schema.
Lower Cost
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.
Data is yours
Canner CMS builds adapters to connect your database and biggest backend providers, instead of hosting on our platform
GraphQL
Prisma
Firebase
RESTful API
Get started in 3 steps
All you need is to create a schema, upload to Canner and you are all set! We also support LiveReload when develop in local.
CMS component as a unit
Canner CMS is construct with CMS components, developers can pick components to assemble CMS interfaces.
CODE
PREVIEW
CMS schema as structure
Canner CMS provide flexible CMS infrastructure, allowing developers to assemble CMS interface that adapts to specifications.
<root>
  <Block title="Blog post">
    <string keyName="title" title="Title"/>
    <object
      keyName="content"
      title="Content"
      ui="editor"/>
    <image
      keyName="image"
      title="Banner image"
      ui="image"
      description="Your post image"/>
    <array
      keyName="tag"
      ui="tag"
      title="Post tag"
      uiParams={{
        defaultOptions: [
          'work',
          'movie',
          'leisure'
        ]
      }}>
      <string />
    </array>
  </Block>
</root>
/blog/

blog

This is a blog post demo, you can edit, update your posts
Ready to join Canner?
Join over thousands of developers!