What is Storyblok

Storyblok is a Headless Content Management System that provides developers with all the flexibility they need to build reliable and fast websites while giving content creators with no coding skills the ability to edit content independently of the developer. Thanks to the headless approach your content can be consumed by different platforms across the digital world at the one time. Storyblok empowers you to use your content not only on one website but also on other platforms such as iOS and Android apps, as well as any other platform of choice (IoT, smartwatch, AR/VR) through Application Programming Interfaces (“APIs”). This is a revolutionary approach opposite to most of the monolithic CMSs out there.

The Concept by Storyblok

Storyblok provides the infrastructure to create and manage content utilizing our frontend app or management API. It is not coupled to one specific presentation layer, such as websites. Modern web frameworks are built out of components. Storyblok provides the right content structure to fill those components with data using a nestable data structure. It is headless, which means it can serve your content in a presentation-agnostic way. It provides REST APIs and GraphQL API to deliver content to any channel such as static and dynamic websites, mobile apps, e-commerce, showrooms or any digital platform you can think of.

How it works

Your developers can now focus on your project: websites, e-commerce, mobile apps, digital showrooms, and even on your next big thing.

  • Define your Models: Define the schema of your content. This includes creating a content type, components and adding the right fields such as text, date, image or even custom field types.
  • Create your content: Once the required content types and components are ready, any user can add content by filling up your fields in Storyblok editor.
  • Test your content: Using the Storyblok editor your content editors can preview the content of the website live at the moment of editing.
  • Use your content: The content, once saved and published, can be loaded on your website, mobile app, or any other channel using our Content Delivery API (JSON or GraphQL). The same content can be reused multiple times for any platform.

Step by Step explanation for Storyblok

Key Concept

The key concepts behind Storyblok are inspired by the BEM methodology and Atomic Design methodology. One way this manifests itself is through the relationship between developer and editor.

Understanding the basic terminologies described on our key concept page will make it easier for you to work with Storyblok.