Creating an enterprise level editorial experience for Drupal 8 using React

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Ruben Teijeiro @rteijeiro

Slide 4

Slide 4 text

drupalhero.es

Slide 5

Slide 5 text

drupal.surf

Slide 6

Slide 6 text

1xinternet.de

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Decoupled is about Multichannel

Slide 9

Slide 9 text

Content must be distributed across the different channels

Slide 10

Slide 10 text

https://softloom.com Corporative website e-Commerce Blog Marketing Automation CRM ERP Helpdesk Search index Social Media Advertisement Chats Mobile Apps Videogames Email

Slide 11

Slide 11 text

Content must be adapted to different devices

Slide 12

Slide 12 text

https://softloom.com Computers Gaming consoles Smartphones Wearables Digital Signage Smart home Voice Assistants VR Devices Internet of Things Bio technologies

Slide 13

Slide 13 text

Speed and consistency of the message across the channels

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Drupal is doing a great job providing digital experiences

Slide 16

Slide 16 text

Being an API-First CMS allows Drupal to serve multiple channels

Slide 17

Slide 17 text

Drupal architecture allows the physical decoupling of Content Management Content Delivery Content Presentation

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

Decoupled is not only about delivery and presentation

Slide 20

Slide 20 text

Content authoring is Story Telling

Slide 21

Slide 21 text

Editors prefer other systems

Slide 22

Slide 22 text

They expect the same from Drupal

Slide 23

Slide 23 text

Redefining the very core of Drupal will cause panic

Slide 24

Slide 24 text

Not every case is the same Listen to your editors

Slide 25

Slide 25 text

Analyse every use case and scenario differently and…

Slide 26

Slide 26 text

START SMALL

Slide 27

Slide 27 text

Paragraphs

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

Media Library

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

Layout Builder

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

Elementor Live Page Builder

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

Content Calendar

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

Drupal Guthenberg

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

DX8

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

OpenStory.io

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

Drupal HAX https://www.drupal.org/project/hax

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

Glazed Builder

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

Droopler

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

• Page refreshes are common • More time spent building than creating content • Happy editors mean better content • Content is king! Pain Points

Slide 50

Slide 50 text

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