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
- 3. Perfect Sense Introductions 3 ® Ryan Anderson Senior Software Engineer Josh Martin Moderator Ashley Krauss Product Manager WHO’S SPEAKING
- 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
- 11. Buyer Beware: Not All Headless Implementations Are Created Equal ® 11 ®
- 12. ® Bottom Line: A Headless CMS Is Only as Good as the Development Team Behind It 12 GOING HEADLESS
- 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