Headless Drupal - DCTransylvania 2018

"The front-end moves faster than Drupal, whether Drupal likes it or not" This reference from "The state of the Front-end" session at DrupalCon Amsterdam explains that we need different ways to retrieve content from a Drupal site for an easy integration with new front-end frameworks and other 3rd-party applications. This allows non-experienced front-end developers to start theming Drupal using the tools they are used to, providing at the same time multiple integrations with other platforms through APIs. Currently there is a debate about how to achieve this and what direction Drupal will take in the future. In this workshop there will be explained different approaches to solve common problems and what possible solutions are provided by Drupal and its contributed modules. You can join this discussion, share your thoughts and experiences with others, and help Drupal to go on the right track.

Transcript

1. Headless Drupal #HeadlessDrupal Ruben Teijeiro - @rteijeiro
2. Ruben Teijeiro @rteijeiro Networker Connecting Open Minds
4. Sevilla
5. Stockholm
6. Conil
7. 1xINTERNET.de
8. DrupalHero.es @Drupal_Heroes
9. drupalsurfcamp.com
10. "The front-end moves faster than Drupal, whether Drupal likes it or not" @eatings
12. Web Applications Architecture Evolution
13. Monolithic Application
15. Microservices
16. The Future of Web Applications
17. Mobile Web/Apps
18. Browserless Devices
19. Internet of Things
20. What is Drupal doing for catching up with the future trends?
21. Loosely Coupled Architecture
22. I love Twig!! Drupal 8 Front-end is @mortendk Certifed
23. Dynamic Page Cache https://www.drupal.org/docs/ 8/core/modules/dynamic- page-cache/overview
24. Big Pipe https://www.drupal.org/docs/8/core/modules/ bigpipe/overview
25. UX
26. Accessibility
27. Multilingual
28. Security
29. Drupalgeddon III
30. API-First Drupal
31. Headless Drupal
32. Decoupling
33. Decouple Front-end
36. Decouple Editorial UI
37. https://developer.wordpress.com/calypso/
38. Decoupled In-Place Editing App • Full inline editing (WYSIWYG) • Zero latency editing • No page reloads • Instant previewing • “App feeling” for editor experience • Easy access to information for visitors (aka non-editors) like in a standard decoupled scenario Drupal JSON API & React
39. Decoupled In-Place Editing App
40. Decoupled In-Place Editing App
41. Drupal 9?
42. Accessible Solutions
43. https://www.drupal.org/project/alexa https://www.youtube.com/watch?v=pZ-tBUdmzpo
44. Artifcial Intelligence
45. Chatbots https://www.youtube.com/watch?v=n7XyB1BoDF4
46. Fully Decoupled Vs Progressively Decoupled
47. Drupal Initiatives
48. API-First Initiative Making Drupal API-frst means making the data stored and managed by Drupal available for other software. https://www.drupal.org/node/2757967
49. JSON API Generate an API server that implements the {json:api} specifcation. https://www.drupal.org/project/jsonapi https://www.drupal.org/project/jsonapi_extras
50. @wimleers https://github.com/acquia/reservoir
51. GraphQL https://www.drupal.org/project/graphql http://graphql.org/swapi-graphql @thefubhy
52. Workfow Initiative https://www.drupal.org/node/2721129
53. http://www.drupaldeploy.org
54. RELAXed Web Services https://www.drupal.org/project/relaxed @dickolsson
55. @prestonso https://github.com/acquia/waterwheel.js https://github.com/acquia/waterwheel.swift
56. Progressive Web Apps @nod_ https://www.drupal.org/project/pwa
57. Market Trends
58. Content Repositories https://www.acquia.com/products-services/acquia-content-hubvid
59. Digital Assets Management
60. API-frst CMS https://www.contentful.com
61. Directus https://getdirectus.com Directus is an API-driven content management framework for custom databases. It decouples content for use in apps, websites, or any other data-driven projects.
62. Contenta CMS http://www.contentacms.org Contenta is an API-First Drupal distribution
63. Demo
64. Resources https://github.com/RESTful-Drupal/restful https://github.com/amitaibu/restful-blessed https://groups.drupal.org/headless-drupal https://github.com/Gizra/generator-hedley http://blog.loadimpact.com/blog/first-steps-with-crud-using-backbone- js-and-drupal-8/ http://blog.loadimpact.com/blog/headless-drupal-8-retrieving-content- using-backbone-js/
65. More Headless Drupal at DCTransylvania
66. More Headless Drupal at DCTransylvania
67. Join the Code Sprints!!
68. JOIN US FOR SPRINT Friday, 4 May, 2018 First time Sprinter Workshop Core sprint General Sprint 12:00-12:30 Room: Sprint 9:00-18:00 Room: Sprint 9:00-18:00 Room: Sprint #drupalsprints
69. See you at Frontend United!
70. See you at Drupal HackCamp!
71. Come to Drupal Europe!!
72. Questions? ?
73. WHAT DID YOU THINK? Locate this session at the DrupalCamp Transylvania website: https://drupaltransylvania.ro/schedule Take the survey! https://www.surveymonkey.com/r/drupaltransylvania THANK YOU!