Go to content | Go to main menu

Open-source backend and management UI for front-end devs

Write simple TypeScript definitions, get well-structured PostgreSQL, instant GraphQL and authentication. Then use high-level React components to build any management UI you want in hours.
npm init @contember project_name

Our advantages

Zero backend required

Anyone with basic knowledge of React.js can use Contember

You own your data

Contember uses well-structured PostgreSQL database and is open‑source

Authentication built in

Invite your users right away and limit anything with role-based ACL

Management UI your way

Build any management UI with easy to use React.js components

Steps you need to do

Focus on the specifics of your business and the Contember open-source toolchain will take care of the rest.

Define custom data model & management UI with simple declarations and access your content instantly via a fast and friendly GraphQL API.

Define it

Set Up data model

export class Article {
    title = d.stringColumn().notNull()
    lead = d.stringColumn().notNull()
    content = d.oneHasOne(Content).removeOrphan().notNull()
    publishedAt = d.dateTimeColumn()
    link = d.oneHasOneInverse(Linkable, 'article').notNull()
    tags = d.manyHasMany(Tag)
    categories = d.manyHasMany(Category)
}

Define management UI

const ArticleForm = (
    <>
    <MainContent>
        <ArticleContentEditor />
    </MainContent>
    <Box>
        <IsPublishedField />
        <LinkUrlField derivedFrom={'title'} label={'URL'} />
        <SelectField field={'categories'}
            options={'Category.name'} label={'Category'} />
        <MultiSelectField field={'tags'}
            options={'Tag.name'} label='Tags' />
    </Box>
    </>
)

Use it

Write your first article

Screenshot of management UI

Connect with GraphQL

mutation {
    updateArticle(
        by: {link: {url: "/article/hello-world"}},
        data: {
            title: "Hello world!",
        }
    ) {
        okMessage
        errorMessage
    }
}

Everything you need to build digital projects

Custom database schema

Define your own data model with TypeScript. Your data are stored in a well-structured PostgreSQL database. Contember Engine instantly turns it into a GraphQL API.

  • Powerful role-based ACL
  • Built-in authentication
  • Automatic database migrations
  • Suport all types of database relation

Learn how

export class Article {
    title = d.stringColumn().notNull()
    lead = d.stringColumn().notNull()
    content = d.oneHasOne(Content).removeOrphan().notNull()
    publishedAt = d.dateTimeColumn()
    link = d.oneHasOneInverse(Linkable, 'article').notNull()
    tags = d.manyHasMany(Tag)
    categories = d.manyHasMany(Category)
}

Custom management UI

Define your own management UI with high-level React components. It automatically connects and communicates with GraphQL provided by Contember Engine.

  • Define any UI you wish
  • Next-gen WYSIWYG editor
  • Multi-language, translatable
  • Extend with your own React.js components

Learn how

Custom management UI components

Best-practice
development process

Build by developers for developers. Contember will fit naturally to your Git based workflow and plays well with CI & Automation you already use.

  • Everything is code
  • Docker images ready
  • Scales horizontally
  • Typesafe
Docker, TypeScript, Git

Cloud-first Premium

Deploy Contember ones and run any project on it. Share resources, update and monitor in one place.

  • Reduce maintenance cost
  • Every project has separate database
  • Central access control
  • Selfhosted

Contact us

Contember is designed to be cloud-first

Try it in 5 minutes Discover all features

Logo GrapghQl

Use your content anywhere with GraphQL

Contember Engine turns your content instantly into standard GraphQL API so you can easily integrate it into your framework of choice. Contember implements capability based security which means GraphQL schema contains only allowed data for each API key.

Facebook's mobile apps have been powered by GraphQL since 2012. A GraphQL spec was open sourced in 2015 and it quickly rises in popularity, becoming omnipresent across web platforms.

Examples of what you can build

Headless CMS for Your Website

If you're new to the headless world, separating a website and its content management will feel like a breeze of fresh air. Your projects will be easier to manage with Contember and future changes in requirements will be easy to implement. Check out manGoweb agency, which has 30+ projects on Contember in production.

Resource Management App

Imagine you start selling fresh juices and need to manage your recipes, plan your production capacity as well as manage fruit stock. Then maybe later, build a website to present your fresh juices and add a mobile app that sells them. Contember helps you to build these in days, enabling you to focus on your core business.

Community Management

Register volunteers, show them where their help is needed, and let them assign themselves and report progress. Meanwhile, in a separate administration, your call center can add new help requests. With Contember you can start adding new requests tomorrow, register volunteers a few days afterward.

Contember

Try it in 5 minutes Talk to us