In what scenarios does headless work best, and why? What are the benefits (and risks) of headless? Ask questions to those who have advised some of the largest brands in the world on their CMS technology implementations.
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Headless Hype: What It's All About and When It Makes the Most Sense
1. Headless Hype: What it’s All About and
When It Makes the Most Sense
Is Headless CMS the Right Choice for Your Business?
®
2. ®
Introductions
I. Headless Defined
II. The Benefits of Headless
III. Headless Examples
IV. Top 10 Countdown
IV. Headless AMA
The Next 30-45 Minutes
2
THE AGENDA
4. Perfect Sense is a visionary technology company created to deliver enterprise web publishing solutions
and digital consulting services in a more impactful way.
We empower the art of digital possibility through Brightspot®, a content management engine built for
high-volume media, portfolio, and brand publishers. We wake up everyday focused on ways to:
About Perfect Sense
4
EMPOWERING THE ART OF DIGITAL POSSIBILITIES
®
Impact ResultsDelight Editors Empower Developers
5. ®
The Company We Keep
5
EMPOWERING THE ART OF DIGITAL POSSIBILITIES
6. What Is
A Headless Content
Management System?
®
GOING HEADLESS
6
®
7. Tightly linked back-end and front-end architecture,
with limited flexibility to support new channels.
On the back-end:
Content is created; content/digital assets are
stored; publishers and designers create and
apply design schemas
On the front-end:
Published content displayed on HTML pages
Traditional (Coupled) CMS…
7
HEADLESS DEFINED
®
Multichannel | Personalization | Experiences
TRADITIONAL
BACK-END
Displays Content
on HTML Pages
FRONT-END
Manage and Store Code and
Content (Database)
Frontend Templates and CSS
Plugins
8. Examples of Traditional CMS Structures
8
HEADLESS DEFINED
®
Sources: Researchscape International
Multichannel | Personalization | Experiences
9. Front-end agnostic and takes advantage of web
services and API’s to deliver content in its raw form to
any front-end design, anywhere.
Back-end and front-end management of the
website is broken into two different systems
that are housed separately
Content is created and assets are stored in
a backend database.
An API connects the content management
back-end to any front-end, and delivers
content in raw form to any front-end
Headless Is…
9
HEADLESS DEFINED
®
HEADLESS CMS
API
BACK-END
Manage and Store
Content
(Database)
Deliver
Anywhere
CHANNELS
10. Benefits Of Going Headless
10
GOING HEADLESS
®
Fast
Content
Delivery
Multichannel | Personalization | Experiences
Complete
Control
Over Your
Content
Easy &
Secure Third
Party
Integrations
Preferred By
Developers
Rapid
Design
Integrations
Future
Proof
Front-end
Freedom
13. 13
A Televisa Case Study
GOING HEADLESS
Multichannel | Personalization | Experiences
Televisa is the largest media company in the Spanish-speaking world.
Strong front-end development team, but needed a back-end content
management solution
Multi-site CMS to improve the editorial experience.
Replatformed from multiple CMS platforms including several WordPress
instances, and Galaxy Linq
Now manage 9 sites in one Brightspot—8 of them are Headless
Results:
Televisa has total control over the look and feel of the platform
Accelerated the launch time of new sites (8 sites in 5 months)
Unified data model contributed to lowering costs (licensing fees, back-end
development & operational costs)
®
14. 14
Case Study: Leading Global Entertainment Company
®
GOING HEADLESS
Multichannel | Personalization | Experiences
Currently building a headless implementation to launch in September:
The company has a long term partnership with a LA-based digital agency
they had tapped to design & build their front-end
Needed a back-end content management system that could bring the
designers into the framework
Also needed the flexibility to call styles and modules for the editors and
content team to reduce the dependence on IT
Intended Results:
Increase brand consistency across all digital experiences
Streamline editorial processes
Spin up new sites quickly and easily
15. 15
Top 10 Considerations Of Headless
GOING HEADLESS
Multichannel | Personalization | Experiences
1. No Lock In: A headless system reduces vendors locking you in
2. Developer Love: Developers are empowered to leverage their front-end tech of choice
3. Infinite Front-Ends: Easier to update styles to support emerging channels
4. Use the latest tech: Adopt any front-end technology: React, React Native, Angular, etc.
5. More Secure: Broader integrations and removing tight back-end coupling improves security
6. Fast: Much faster to iterate and deploy changes
7. Increased control: Content creators have more control over content presentation & delivery
8. Maintenance challenges: You need development & design resources required
9. SEO: Require additional effort as search engines adopt new crawling techniques
10. Up next: GraphQL
®
16. AMA: Ask Us Anything!
16
®
Ryan Anderson
Senior Software Engineer
Josh Martin
Moderator
Ashley Krauss
Product Manager
GOING HEADLESS
17. ®
What exactly makes a CMS headless?
Are headless systems only cloud native?
What are some best practices for getting FE and BE teams to work together when deploying a headless implementation?
What technology does Headless work best with (Java, JSON etc)?
OK, I’ve gone headless - now what?
Can you swap out a front-end or back-end (is it really plug-and-play?)
How many resources do you need to support a headless implementation?
Are there any technology stacks that would steer me away from a headless solution?
Questions We Got From You
17
GOING HEADLESS
18. ®
The Fastest Path to Premium
Publishing
With Brightspot, by Perfect Sense.
18
LEARN MORE ABOUT PERFECT SENSE + BRIGHTSPOT
Speak With a Headless CMS Expert:
877.795.1203
Request a Demo:
www.brightspot.com