Download as PDF, PPTX
![by Yves Do & Derrick Mehaffy - Meetup Zenika - December 12th 2018
The story of [headless] CMS
and why tomorrow’s content management will be headless
👔
👖](https://image.slidesharecdn.com/headlesscmspresentation-190129135322/75/Content-Management-The-story-of-headless-CMS-1-2048.jpg)
![by Yves Do & Derrick Mehaffy - Meetup Zenika - December 12th 2018
The story of [headless] CMS
and why tomorrow’s content management will be headless
👔
👖](https://crownmelresort.com/image.slidesharecdn.com/headlesscmspresentation-190129135322/75/Content-Management-The-story-of-headless-CMS-1-2048.jpg)
Uploaded byStrapi
Content Management - The story of headless CMS
The document discusses the concept of headless CMS (Content Management Systems) and their advantages over traditional, coupled CMS setups. It highlights how headless CMS allows for a decoupled architecture where content management and rendering can operate independently, providing developers with flexibility and efficiency. The document also emphasizes the benefits of adopting a headless approach, such as improved performance, customization, and user experience across multiple channels.
More Related Content
Similar to Content Management - The story of headless CMS
Content Management - The story of headless CMS
- 1. by Yves Do& Derrick Mehaffy - Meetup Zenika - December 12th 2018 The story of [headless] CMS and why tomorrow’s content management will be headless 👔 👖
- 3.
- 4.
- 6.
- 7. headless CMS vsresponsive web design
- 8. What is thechallenge ?
- 9. Are headless CMSan answer to technological needs ?
- 10.
- 11. 🤯 😎 😨 😩 🤨 🤔 😃 😬 technical exper6se old 6mesnow audience building
- 12.
- 13. How does aCMS help me ?
- 16.
- 17.
- 18. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers
- 19. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 20. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥New front-end
- 21. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥New front-end 🖥Another front-end
- 22. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥New front-end 🖥Another front-end CRM
- 23. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥New front-end 🖥Another front-end CRMDelivery Tier
- 24. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥New front-end 🖥Another front-end CRMDelivery Tier App
- 25. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥New front-end 🖥Another front-end CRMDelivery Tier App 📱App
- 26. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥New front-end 🖥Another front-end CRMDelivery Tier App 📱App ⌚Watch
- 27. 🖥 Website Admin Interface Images Text Roles Template HTML CSS Javascript CMS Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🖥Reseller website 🖥 Intranet CRMDelivery Tier App 📱App ⌚Watch 😱
- 28. 🤯 😎 😨 😩 🤨 🤔 😃 😬 technical exper6se old 6mesnow audience building
- 29.
- 30. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 31. Step I Decouple frontendand backend
- 32. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 33. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 34. Step II Control theconnections
- 35. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 36. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 37. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 38. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 39.
- 40. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C
- 41. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🔌API
- 42. 🖥 Website Admin Interface Images Text Roles CMS Template HTML CSS Javascript Responsive Data Markup LoadOp6miza6on … Shop Products Shopping Cart Wishlist Customers Service Feature A Feature B Feature C 🔌API
- 43.
- 44. 🖥 CMS Shop $$$ Tradi6onal CMSHeadlessCMS 🔌 🖥 CMSShop $$$
- 45. 🖥 CMS Shop $$$ Add anew service Tradi6onal CMSHeadless CMS 🔌 🖥 CMSShop $$$
- 46. 🖥 CMS Shop $$$ CRM Add anew service Tradi6onal CMSHeadless CMS 🔌 🖥 CMSShop $$$
- 47. 🖥 CMS Shop $$$ CRM CRM Add anew service Tradi6onal CMSHeadless CMS 🔌 🖥 CMSShop $$$
- 48. 🖥 CMS Shop $$$ CRM CRM Add anew channel Tradi6onal CMSHeadless CMS 🔌 🖥 CMSShop $$$ 📱
- 49. 🖥 CMS Shop $$$ CRM CRM Add anew channel Tradi6onal CMSHeadless CMS 🔌 🖥 CMSShop $$$ 📱 📱
- 50. tl;dr: What is aheadless CMS ?
- 51. API-first or headlessCMS let users manage content through a web UI. Headless CMS allow developers to decouple content management from content rendering, as opposite to monolithic coupled CMS (content is stored in a backend database AND rendered in frontend templates using HTML/CSS). Unlike a tradi6onal CMS, an API-first CMS exposes its content data via a consumable API. Headless CMS are not concerned about how you choose to display content. It pushes raw content (e.g. JSON or XML) for you to fetch and display anywhere. tl;dr:
- 52. Why is itcool ?
- 53. What will yougain by going headless ?
- 54.
- 55. Clean CMS implementa6on BeWer architectureTailor-made to suit your needs
- 56. You save timeand money.
- 57. Classic 6meline 📝Content produc6on SoXwaredevelopment 🖥 Content-first Approach 6meline 📝Content produc6on SoXware development 🖥
- 58. Your dev teamis happy.
- 59.
- 60. Your creativity isunleashed.
- 61.
- 62. Your users arethrilled.
- 63. 🖥 Website Time to firstbyte (Yb) html images, icons, assets 0s 1s 2s 3s CSS Javascript 4s 5s 😃
- 64. 🤯 😎 😨 😩 🤨 🤔 😃 😬 technical exper6se old 6mesnow audience building
- 65. How to doit with Strapi ?
- 67. ⚡ Open Source & SELFHOSTED 100% JAVASCRIPT 🔓 🎨 EnSrely CUSTOMIZABLE High PERFORMANCES 🙌 Super EASY
- 68. Customizable ❌ ✅ OpenSource, to keep control Cloud based Open Source Extensible ❌ ✅ Data Ownership ❌ ✅
- 69. GitHubStars 0 2 500 5 000 7500 10 000 2015-10 2016-01 2016-04 2016-07 2016-10 2017-01 2017-04 2017-07 2017-10 2018-01 2018-04 2018-07 2018-10 9 000+stars on GitHub Metrics
- 70.
- 71. Case study Derrick Mehaffy @derrickmehaffy 9Phoenix Arizona Head of Development Group at Canonn Science & Research Data Center OperaSons Technician at QTS Data Centers 600+issues and PR commented on the Strapi GitHub repository
- 72. Canonn is acommunity of about 6,000 players of the Elite Dangerous video game that focus on researching and cataloging in game mysteries. hbps://canonn.science
- 73.
- 74. 😃🖥 Back-end ready fasterfor Front-End Developers Benefits from Strapi Save countless Man hours 💰 Projects delivered Faster to the users
- 76. Contact Yves DO User Research& Communica6on yves@strapi.io +33(0) 6 64 12 20 19