際際滷

際際滷Share a Scribd company logo

Ortus Solutions - Headless Content for the Win!

Ortus Solutions, Corp
Ortus Solutions, Corp

we delve into the power of headless CMSa 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 of 20
Download to read offline
THE NEW ERA OF MODERN DEVELOPMENT INTO THE BOX 2024
BLUE ROOM HEADLESS CONTENT FOR THE WIN! PRESENTED BY ESMERALDA ACEVEDO
Esmeralda Acevedo Artist Web Designer Web Application Developer Outdoor Enthusiast
What is a Headless CMS? Wait, but what is a traditional CMS?
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
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
Forms of Communication API Calls Usually REST or GraphQL Literally ANYBODY/ANYTHING can be a client You have the power!
The Body Where your content is stored and authored: The ContentStore
The Head The visual presentation of the content at a digital location. ( e.g. website, mobile app, video channels etc ).
Traditional CMS BACKEND FRONTEND Headless CMS API BACKEND
Headless CMS Advantages Content Centralization & Reuse Omnichannel Publishing Scalability & Performance Developer Flexibility & Freedom Improved Security Native Content Store
Content Centralization & Reuse One way/system/workflow to manage content Reuse content Create a CDN Conistency Focus
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
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
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!
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
Content Store More than pages/blog A structured content that can literally represent anything: Pages, Blogs, Movies, Events, 際際滷s, etc. Addressable via a unique slug Can be hierarchical Can have attached metadata Can have published / expiration dates Much more
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
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/
THANK YOU TO OUR SPONSORS Thanks! INTO THE BOX 2024

More Related Content

Ortus Solutions - Headless Content for the Win!

  • 1. THE NEW ERA OF MODERN DEVELOPMENT INTO THE BOX 2024
  • 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 ).
  • 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, 際際滷s, 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. THANK YOU TO OUR SPONSORS Thanks! INTO THE BOX 2024