Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Creating an enterprise level editorial experience for Drupal 8 using React

Creating an enterprise level editorial experience for Drupal 8 using React

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.

Ruben Teijeiro

June 11, 2019

More Decks by Ruben Teijeiro

Other Decks in Technology


  1. https://softloom.com Corporative website e-Commerce Blog Marketing Automation CRM ERP Helpdesk

    Search index Social Media Advertisement Chats Mobile Apps Videogames Email
  2. https://softloom.com Computers Gaming consoles Smartphones Wearables Digital Signage Smart home

    Voice Assistants VR Devices Internet of Things Bio technologies
  3. Content Management Content Delivery Content Presentation Traditional CMS Page-based system

    for content authoring and presentation 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 No functionality, presentation depends on other systems Decoupled CMS Content authoring Content delivery through a website or API Presentation can be rendered server side and by client applications
  4. DX8

  5. • Page refreshes are common • More time spent building

    than creating content • Happy editors mean better content • Content is king! Pain Points
  6. 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