Ortus Solutions - Headless Content for the Win!

we delve into the power of headless CMS—a versatile solution separating content creation from presentation. Explore its benefits: multi-channel delivery, accelerated time-to-market, content reusability, scalability, technology flexibility, and enhanced security. Discover how headless CMS transforms digital content management, empowering efficient and flexible content delivery across diverse platforms.

1. INTO THE BOX

2. BLUE ROOM
HEADLESS CONTENT
FOR THE WIN!
PRESENTED BY
ESMERALDA ACEVEDO

3. Esmeralda Acevedo
Artist
Web Designer
Web Application Developer
Outdoor Enthusiast

4. What is a Headless CMS?
Wait, but what is a traditional CMS?

5. What is a Traditional CMS?
Content Management System
Usually Monolithic
Includes the presentation layer
Includes the admin layer (backend)
Both tightly coupled
one-to-one reach

6. What is a Headless CMS?
Separation of Concerns
Admin layer : Content Repository
UI Layer : In any UI technology
One-To-Many Reach
Deployed together or separate

7. Forms of Communication
API Calls
Usually REST or GraphQL
Literally ANYBODY/ANYTHING can be a
client
You have the power!

8. The Body
Where your content is stored and authored: The ContentStore

9. The Head
The visual presentation of the content at a digital location.
( e.g. website, mobile app, video channels etc ).

10. Traditional CMS
BACKEND
FRONTEND
Headless CMS
API
BACKEND

11. Headless CMS Advantages
Content Centralization & Reuse
Omnichannel Publishing
Scalability & Performance
Developer Flexibility & Freedom
Improved Security
Native Content Store

12. Content Centralization & Reuse
One way/system/workflow to manage content
Reuse content
Create a CDN
Conistency
Focus

13. Omnichannel Publishing
You are FREE!
Content can be delivered to any device or platform via APIs
You can control the publishing delivery or expiration
You can monetize your content
Target multiple devices - Websites - Partners - Mobile Apps - Digital Displays - Social Media

14. Scalability and Performance
Separation allows you to scale UI / Backend separately
Leverage microservices and containers
Geo locate your UI or Backend
Add different caching strategies

15. Developer Flexibility & Freedom
Leverage any front-end technology to deliver your content
AB Testing
Try new technologies for delivery
Integrate your content with ANY system that can talk to APIs
Increase Developer / Designer Happiness!

16. Improved Security
UI can be static
No admin to attack - Check your logs, you will be surprised what you see
Admin can be deployed securely
Separation of Concerns

17. Content Store
More than pages/blog
A structured content that can literally
represent anything: Pages, Blogs, Movies,
Events, Slides, etc.
Addressable via a unique slug
Can be hierarchical
Can have attached metadata
Can have published / expiration dates
Much more

18. I have a secret to tell?
This entire presentation is built with a HCMS
This is a Vue.js app connected to ContentBox CMS
So let's explore it!
github.com/lmajano/contentbox-headless-core
github.com/lmajano/contentbox-headless-vuehead
github.com/lmajano/contentbox-headless-quasar

19. How do I chose one?
There are 10000s of CMS out there
All claiming to be the best...Some are, some are not
Test them, to see what fits your needs best
All are unique and have key benefits
Make sure they address the benefits we saw
Make sure they have a real content store - I am biased; ContentBox HCMS
https://contentboxcms.org/

20. Thanks!
INTO THE BOX 2024