The Hybrid CMS and the Modern Web Stack

A high-level summary of modern CMS options, how we got to where we are, and the role a hybrid CMS can play.

Transcript

1. The Hybrid CMS and the Modern Web Stack
2. Matt
3. The Hybrid CMS and the Modern Web Stack
4. What is a Hybrid CMS?
5. A hybrid CMS is one that gives you more options choosing the best stack for your project.
6. What’s the best web stack for your project?
8. Website circa 2000. Website circa 2020. analytics ads CRM CMS DAM RUM syndication CDN social channels staging hiring
10. The CMS Landscape
11. 1990 2000 2010 2020 first website The CMS Landscape
12. 1990 2000 PHP, ASP, MySQL, CSS, JavaScript 2010 2020 proprietary CMS static site generators first website The CMS Landscape
13. 1990 2000 PHP, ASP, MySQL, CSS, JavaScript 2010 2020 proprietary CMS M O N O L I T H I C C M S static site generators first website The CMS Landscape
14. The Monolithic CMS
15. content front end admin UI The Monolithic CMS M O N O L I T H I C C M S
16. visitor content front end admin UI M O N O L I T H I C C M S The Monolithic CMS
17. CDN visitor content front end admin UI M O N O L I T H I C C M S The Monolithic CMS
18. The Monolithic CMS Content Delivery Network
19. The Monolithic CMS your server
20. The Monolithic CMS your server CDN
21. The Monolithic CMS
22. CDN visitor content front end admin UI M O N O L I T H I C C M S The Monolithic CMS
23. Self-Hosted M O N O L I T H I C C M S The Monolithic CMS
24. M O N O L I T H I C C M S Self-Hosted The Monolithic CMS
25. Cloud M O N O L I T H I C C M S The Monolithic CMS
26. M O N O L I T H I C C M S Cloud The Monolithic CMS
27. Self-Hosted code & data ownership low startup cost broad infrastructure options devops & maintenance initial development required The Monolithic CMS
28. Cloud no devops support & updates included little/no initial development needed recurring cost limited flexibility The Monolithic CMS
29. 1990 2000 PHP, ASP, MySQL, CSS, JavaScript 2010 2020 responsive design proprietary CMS M O N O L I T H I C C M S static site generators first website The CMS Landscape
30. 1990 2000 PHP, ASP, MySQL, CSS, JavaScript 2010 2020 responsive design proprietary CMS M O N O L I T H I C C M S H E A D L E S S C M S static site generators first website The CMS Landscape
31. The Headless CMS
32. content admin UI CDN visitor front end The Headless CMS H E A D L E S S C M S
33. API content admin UI CDN visitor front end The Headless CMS H E A D L E S S C M S
34. content admin UI CDN visitor front end The Headless CMS H E A D L E S S C M S
35. Self-Hosted H E A D L E S S C M S The Headless CMS
36. H E A D L E S S C M S The Headless CMS Self-Hosted
37. Cloud The Headless CMS H E A D L E S S C M S
38. H E A D L E S S C M S The Headless CMS Cloud
39. 1990 2000 PHP, ASP, MySQL, CSS, JavaScript 2010 2020 mobile first responsive design proprietary CMS M O N O L I T H I C C M S H E A D L E S S C M S JAMstack static site generators first website The CMS Landscape
40. Headless CMS + JAMstack
41. JavaScript, APIs, Markup Headless CMS + JAMstack
42. JavaScript, APIs, Markup Headless CMS + JAMstack
43. Headless CMS + JAMstack JavaScript Development Frameworks
44. Headless CMS + JAMstack JavaScript App Frameworks
45. 1990 2000 PHP, ASP, MySQL, CSS, JavaScript 2010 2020 mobile first responsive design proprietary CMS M O N O L I T H I C C M S H E A D L E S S C M S JAMstack static site generators first website JavaScript static site generators The CMS Landscape
46. content admin UI CDN visitor front end Headless CMS + JAMstack H E A D L E S S C M S
47. Headless CMS + JAMstack
48. JavaScript, APIs, Markup Headless CMS + JAMstack
49. API content admin UI CDN visitor front end Headless CMS + JAMstack H E A D L E S S C M S
50. content admin UI CDN visitor front end GraphQL! Headless CMS + JAMstack H E A D L E S S C M S
51. content admin UI CDN visitor front end GraphQL! REST, SOAP Headless CMS + JAMstack
52. content admin UI CDN visitor front end GraphQL! REST, SOAP Headless CMS + JAMstack GraphQL
53. JavaScript, APIs, Markup Headless CMS + JAMstack
54. Microservices & Serverless
55. → Microservices & Serverless
56. content admin UI CDN visitor front end forms M O N O L I T H I C C M S Microservices & Serverless
57. content admin UI CDN visitor front end forms H E A D L E S S C M S Microservices & Serverless
58. content admin UI CDN visitor front end forms image resizing + video transcoding e-commerce API integrations custom business logic Microservices & Serverless H E A D L E S S C M S M I C R O S E R V I C E S
59. Microservices & Serverless M I C R O S E R V I C E S S E R V E R L E S S
60. Microservices & Serverless Serverless
61. AWS Lambda Google Cloud Functions Azure Functions Apache OpenWhisk Microservices & Serverless Serverless
62. The CMS Landscape
63. Monolithic lower startup & development cost simpler to manage & maintain one system to learn harder to optimize & scale specific developer needed The CMS Landscape
64. Headless reduced hosting costs, easier scaling potential speed & security boost CMS focus: content management more pieces to manage & maintain need development resources The CMS Landscape
65. “Just because you can doesn’t mean you should.” – Unknown
67. The Hybrid CMS
68. The Hybrid CMS A hybrid CMS is one that gives you more options choosing the best stack for your project.
69. A hybrid CMS is one that can be used in multiple ways: monolithic, headless, self-hosted and/or cloud. The Hybrid CMS
70. The Hybrid CMS Hybrid CMS H E A D L E S S M O N O L I T H I C B O T H S E L F - H O S T E D C L O U D
71. That may or may not matter. The Hybrid CMS
72. The best solution solves your problems.
73. What’s the best web stack for your project?
74. What’s the best web stack for your project? data ownership no devops low budget / smaller dev team high traffic
75. Monolithic Headless self-hosted cloud self-hosted cloud : first-party option
76. Thank you!
77. Questions? matt@craftcms.com @mattrambles