Headless Drupal - DrupalCamp Spain 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
3. Stockholm
4. Conil
5. 1xINTERNET.de
6. DrupalHero.es @Drupal_Heroes
7. drupalsurfcamp.com
8. "The front-end moves faster than Drupal, whether Drupal likes it or not" @eatings
10. Web Applications Architecture Evolution
11. Monolithic Application
13. Microservices
14. The Future of Web Applications
15. Mobile Web/Apps
16. Browserless Devices
17. Internet of Things
18. What is Drupal doing for catching up with the future trends?
19. Loosely Coupled Architecture
20. I love Twig!! Drupal 8 Front-end is @mortendk Certifed
21. Dynamic Page Cache https://www.drupal.org/docs/ 8/core/modules/dynamic- page-cache/overview
22. Big Pipe https://www.drupal.org/docs/8/core/modules/ bigpipe/overview
23. UX
24. Accessibility
25. Multilingual
26. Security
27. Drupalgeddon III
28. API-First Drupal
29. Headless Drupal
30. Decoupling
31. Decouple Frontend Visitor-facing Experiences with Drupal as a Backend
33. Decouple Drupal Administrative UI
34. https://developer.wordpress.com/calypso/
35. 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
36. Decoupled In-Place Editing App
37. Decoupled In-Place Editing App
38. Drupal 9?
39. Accessible Solutions
40. https://www.drupal.org/project/alexa https://www.youtube.com/watch?v=pZ-tBUdmzpo
41. Artifcial Intelligence
42. Chatbots https://www.youtube.com/watch?v=n7XyB1BoDF4
43. Mixed Reality
44. Augmented Reality https://www.youtube.com/watch?v=ZroFBG7-P7Q
45. Fully Decoupled Vs Progressively Decoupled
46. Drupal Initiatives
47. 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
48. 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
49. @wimleers https://github.com/acquia/reservoir
50. GraphQL https://www.drupal.org/project/graphql http://graphql.org/swapi-graphql @thefubhy
51. Workfow Initiative https://www.drupal.org/node/2721129
52. http://www.drupaldeploy.org
53. RELAXed Web Services https://www.drupal.org/project/relaxed @dickolsson
54. @prestonso https://github.com/acquia/waterwheel.js https://github.com/acquia/waterwheel.swift
55. Progressive Web Apps @nod_ https://www.drupal.org/project/pwa
56. Market Trends
57. Content Repositories https://www.acquia.com/products-services/acquia-content-hubvid
58. Digital Assets Management
59. API-frst CMS https://www.contentful.com
60. 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.
61. Contenta CMS http://www.contentacms.org Contenta is an API-First Drupal distribution
62. Demo
63. Resources https://dri.es/working-toward-a-javascript-driven-drupal- administration-interface https://www.drupal.org/project/drupal/issues/2926656 https://github.com/jsdrupal/drupal-admin-ui https://wimleers.com/blog/api-first-drupal-two-big-maintainability- milestones https://www.lullabot.com/articles/drupal-javascript-initiative-the-road- to-a-modern-administration-ui https://www.drupal.org/project/jsdrupal
64. More Headless Drupal at DrupalCamp Spain Saturday 15:30
65. More Headless Drupal at DrupalCamp Spain Sunday 10:00
66. More Headless Drupal at DrupalCamp Spain Sunday 11:30
67. Join the Code Sprints!!
68. See you at Frontend United!
69. See you at Drupal HackCamp!
70. Don’t miss Decoupled Drupal Days!!
71. Come to Drupal Europe!!
72. Questions? ?
73. Thanks!