Start building with Contember

How Contember works

Describe the data model and the GraphQL API is immediately available. Then use the Interface React SDK to create an application interface to suit your needs.

Our quickstart will walk you through it in 5 minutes. Or just follow instructions after running:

$ npm exec "@contember/[email protected]" projectname

Design your data model

Rapidly build your backend with all the field types you need.

Add relations, validations and access control to create an unique API for your usecase.

Use Typescript to design your model
Automatic DB migrations
Your codebase is the single source of truth

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)
}

Connect with GraphQL API

Contember instantly provides a GraphQL API for your data model. Plus powerful tenant API to manage users.

Scoped GraphQL API for each role
Built-in authentication and authorization
Transaction safety on mutation level

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

Build custom management UI

Management UI is completely independent on your data model. Define your own management UI with high-level React.js components and it automatically connects via GraphQL API.

60+ components to build your UI
Extend easily with custom React components
Powerful WYSIWYG content editor with custom blocks

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>
  </>
)

Start using your app

Deploy with one command to Contember Cloud and start using your app in 2 minutes. Or self-host it anywhere you want - Contember is open-source.

Managed hosting available
Automatic security updates at Contember Cloud
Designed to scale to any workload

Starter kits

We've prepared starter kits for the most common use cases to get you up to speed quickly.

Starter

Headless CMS

When you need to create a nice and simple website. This headless starter CMS includes pages, articles, form settings, access control and SEO support. It comes with a frontend Next.js website (no styling).

Start with headless CMS

Starter

Headless Multilingual CMS

If you need a headless CMS with great support for multiple languages, you've found it. It contains the same as the headless CMS starter, but with support for multiple languages. You can even translate the entire application interface.

Start with multilingual CMS

Starter

Custom form builder

If you need to collect data from users but have specific requirements. Use this starter program and turn it into any data collection system. It includes 8 input blocks, responses and ACL settings.

Start with form builder

Core

Start from scratch

Build what you want. Explore the basics with our quick tutorial. Then the sky is the limit.

Go through quickstart tutorial