With the powerful web APIs it has become relatively easy to create decoupled applications with Drupal 8 as a backend. A number of lighthouse applications have been created and powerful demo systems and starter kits such as 'Reservoir' und 'Contenta' have emerged.
Usually decoupled applications are used to display content, but the editing of content still takes place in the backend.
However, technologies like React can perfectly be used to create a great editorial experience. Given the powerful REST APIs of Drupal, a decoupled editing system can easily be integrated.
In a recent project, we have created a decoupled application with React, that allows for editing content directly in the frontend. Using the possibilities of React to the fullest, we have created a modern editorial experience with 'in-place' editing, 'context-sensitive' editing, 'drag-n-drop' content placement and creation, and much more.
In this session, we will present the application and our vision of what an enterprise level editorial experience should look like.
Besides the niceness of the application, we also discuss the challenges we encountered and our planned future development.
The main takeaways of this session will be, what to expect when going fully decoupled with an editorial experience and how this approach fits into the development of Drupal.
Creating an enterprise level editorial
experience for Drupal 8 using React
Decoupled is about Multichannel
Content must be distributed
across the different channels
Content must be adapted to
Internet of Things
Speed and consistency of the
message across the channels
Drupal is doing a great job
providing digital experiences
Being an API-First CMS allows
Drupal to serve multiple channels
Drupal architecture allows the
physical decoupling of
Page-based system for
content authoring and
Content is stored mixed
with the presentation
Delivers pages and
content composed by the
user to a single channel
Headless CMS Content authoring Content delivery by API
presentation depends on
Decoupled CMS Content authoring
Content delivery through
a website or API
Presentation can be
rendered server side and
by client applications
Decoupled is not only about
delivery and presentation
Content authoring is
Editors prefer other systems
They expect the same from Drupal
Redefining the very core of Drupal
will cause panic
Not every case is the same
Listen to your editors
Analyse every use case and
scenario differently and…
Live Page Builder
• Page refreshes are common
• More time spent building than creating content
• Happy editors mean better content
• Content is king!
There are not pages in Decoupled
but we need to have the ability to
get all the data needed to build our
GUI pages in one single request
Under the hood