Today, with the diversity of customer experiences, developers require a WCM that provides flexibility and creativity in display output, and the ability to build innovative experiences that take advantage of diverse front-ends (i.e. JavaScript frameworks and libraries).
Join our session to learn how Acquia’s WCM, Drupal, delivers universal content flexibility — providing the greatest creative flexibility to front-end developers and content authors to build content-rich experiences for any channel, device or mode of interaction.
We’ll cover how the Acquia platform supports decoupled Drupal architectures and how you might use Drupal in three different modes that cover the “best of all worlds” - traditional, decoupled, and progressively decoupled WCM. As a result, developers have full flexibility and creativity, and content creators have full content management control - only Drupal provides this flexibility to all stakeholders.
During this webinar, we will investigate the following topics:
- An intro to decoupled Drupal concepts, options & supported features
- Decoupled Drupal best practices and trade offs
- Acquia customer case studies using decoupled Drupal
- Decoupled Drupal improvements and upcoming releases
5. WHY COMPANIES
CHOOSE ACQUIA
– Open Source and Cloud-native
– Freedom to own your digital roadmap
– Innovation, agility, and speed-to-market
– Flexible deployment architecture
– Cost efficient
6. To Deliver The Universal
Platform For The World’s
Greatest Digital Experiences
ACQUIA’S VISION
14. Why decoupled?
- Deliver more ambitious digital experiences by leveraging
modern technologies and front-end frameworks
- Dynamic browser experiences
- Server-side rendering solves traditional JS woes
- The ability to separate your front-end and back-end
development
- Develop simultaneously without blockers
- Huge competitive talent market
- Create once, publish anywhere
- The decoupled or headless paradigm allows you to deliver content across
multiple channels and clients
15. Developer preferences have evolved in response
– JavaScript is more popular than
ever
– Low barrier to entry
– Community has expanded the
application of the technology
– Moving today to distributed content
with heavy reliance on JS
frameworks (Angular, React, Vue,
etc.)
– Browser-based experiences
– Non-browser-based
Data source: StackOverflow Developer Survey
Results, 2018
Top programming, scripting, and markup languages (2018)
16. Decoupled Drupal is the use
of Drupal as a content service
for consumption and
manipulation by other
applications
17. Drupal provides Universal Content Flexibility
Drupal provides a flexible and robust
framework for helping manage all of this.
Drupal is:
- API first (not API-only)
- NodeJS, Graph QL
- Works well with JS frameworks
- Angular, Vue, React, etc.
- Serves diverse apps and channels
- Reliable way to organize structured data
18. Decoupled Drupal
● Drupal can be used to back other applications including native applications,
single-page applications, digital signage, AR-driven interfaces, and many others.
● Web services such as the core REST API, JSON API, and GraphQL are typical
entry points for Drupal consumers.
20. Popular misconception: Monolithic vs. Decoupled Drupal
Drupal
Drupal front end
PHP
Data
Templates
HTML
Drupal
Decoupled application
PHP
Data
Templates
HTML
Other
language
JSON
REST API
21. Some WCM’s try to force a binary decision
Traditional CMS
(Fully coupled)
Decoupled CMS
(Headless)
Often presented as a binary
choice: “either-or”
Either: Drupal controls the
glass
Or: Drupal only provides an
API and content is rendered
by an external application
(NodeJS, mobile app, etc.)
22. Three modes of developing with Drupal
Traditional
(Fully coupled)
Decoupled
(Headless)
Hybrid
(Progressively decoupled)
23. Let’s take a deeper look and
discuss tradeoffs of each
mode.
24. Drupal: Traditional WCM
Traditional mode
(Fully coupled)
- A traditional approach for
building sites
- A tightly coupled content
management front-end and
back-end
- Retains full editorial capabilities
for non-technical content
authors
25. Drupal: Decoupled WCM
Decoupled mode
(Headless)
- A decoupled mode for creating
sites & applications
- Allows developers to write a
custom front end against a
content API.
- Eliminates typical WCM
templates and other
CMS-based tools that control
authoring, layout and display
26. Tradeoffs with fully decoupled?
Gain Tradeoff
Developer driven workflow Content preview
Separate front end and back end
development
Layout & content control by authors
Personalization is harder
Increase in code/server complexity
27. Tradeoffs with fully decoupled
● Content preview capabilities
● Layout control for authors
● Menu management
● Clean URL by authors
● Meta tags by authors
● Media management is weaker
● Views display control for admins
● Increase in code/server complexity
● Personalization is much harder
Fully Decoupled gives more power to the
developer, and removes power from the site
build and author.
Much of this can be implemented with custom
code, but it’s a larger expense.
Be mindful of what you are losing
and be sure the solution is
appropriate.
28. Drupal: Hybrid WCM
Hybrid mode
(Progressively decoupled)
- Drupal’s hybrid approach
offers the best of all worlds
- Allows developers and
content creators to retain
Drupal’s editorial
capabilities (authoring,
preview, workflow)
- Also offers the ability to use
Drupal as an API-based
content repository where
devs create JavaScript UI
components on top of the
existing Drupal front end
29. Drupal: Hybrid WCM
- Only Drupal, offers the best
of all worlds, delivering
universal content flexibility
to all stakeholders.
- Acquia’s WCM
accommodates developers
however they choose, with
its API-first, not API-only
WCM.
- Hybrid also accommodates
content teams who need
traditional WCM capabilities.
30. Other options - Hybrid
– So, the paradigms have changed, the
experiences have changed, there are new
demands for new types of experiences,
driving developers to utilize new ways of
building
– However, the problems are still solved in the
same way today
– We architect solutions based on following a
process:
– Define the data model
– Define business logic
– Define templates
– Define API interactions
– Drupal provides a flexible and robust
framework for helping manage all of
this.
31. Optimizing your system
– Adjust the solution to your specific needs
Leverage more of your human resources
Component based approach
Performance improvements
32. Decoupled Drupal drives content and data across
NYC transit system’s touchpoints and channels.
Challenge: To process real time train data from the world’s
largest public transit system and to display content in real-time
so that it was relevant to passengers.
Solution: Acquia Platform, Decoupled Drupal
Results:
– Using decoupled Drupal, the NYC MTA uses the same CMS
that powers its website to push content and data to 1,800
digital signs and countdown clocks in 400+ stations.
– Previous countdown clock system took 8 years to roll out.
With Acquia and Drupal, it launched a pilot within 3 months,
system-wide rollout in 18 months.
33. NYC MTA
Drupal powers the website
and uses progressive
decoupling for countdown
clocks in the subway
https://new.mta.info/
34. Ski resort company uses decoupled Drupal and
branded front-end experiences for each destination
Challenge: A collection of disparate CMSes made it difficult to
govern digital properties and reflect multiple brands
Solution: Decoupled Drupal 8, Acquia Cloud
Results:
– Powdr can power its flagship site, in addition to each resort
site on one platform.
– A decoupled Drupal approach means each resort can use
the front-end technology of its choice
– 50% of users have entered a purchase path directly from the
homepage
– Bounce rate: Down 45%
37. Upcoming for Drupal
The community is driving the following roadmap items that will further
extend Drupal's ability to support decoupled use cases:
– JSON:API feature will be moved into the CMS core
– An initiative to create React UI elements for an improved admin
experience
– Improved content revision support for the services layer
– Configuration and schema support at the services layer, and
– Continued refinement of the GraphQL module
– Autosave in core
https://www.drupal.org/core/roadmap
38. Upcoming for Acquia
Acquia is investing in additional improvements to its decoupled
component capabilities, including:
– Working on a JavaScript SDK for Acquia Lightning
– Providing deeper Lightning support for JavaScript frameworks
– Continuing to extend our API-first initiative with all existing
products, and
– Providing improvements to the core products to match the efforts
in the community and Acquia Lightning roadmaps.
39. Decoupled Drupal Resources
Here are some resources to check out for decoupled and hybrid
Drupal:
– Decoupled Blocks - This module allows custom blocks to be written by front end
developers in the javascript framework of their choice, without needing to touch
Drupal or PHP.
– Acquia Commerce Framework - An open-source reference architecture for decoupled
commerce with Drupal as the glass.
– Headless Lightning - A more opinionated flavor of Lightning for building decoupled
applications.
– ContentaCMS - A community driven API distribution for Drupal 8 that intends to
simplify trying decoupled Drupal.
– Upcoming Acquia webinar April 18th with Third & Grove - real world examples, advice,
and feedback on Decoupled Drupal. (details coming soon!)
40. Parting advice...
Don’t decide to “decouple” WCM before figuring out why
– Define the use cases and needs, then how to apply it
Think strategic first (ie. the overall architecture)
– Then consider the tactical implementations as they arise
Don’t make decisions at a technical level only
– Combine decision process with both developers and content authors
41. QUESTIONS &
NEXT STEPS
Download “Decoupled CMS:
Decoupled Drupal 101”
http://bit.ly/DecoupledDrupal
Ron Northcutt
ron.northcutt@acquia.com
David Aponovich
david.aponovich@acquia.com