Stealthy git - solving CMS woes with git, on the quiet

Content management systems are rarely fun to use. Not for developers, not for authors. They hamper effective development and they invent confusing processes for content authors.

What if we could build a CMS on top of git? What if instead of trying to invent new ways to solve things like version control, publishing approval, previews, and accountability, we used git which already has mechanisms to cope with these things and more?

Although developers might welcome this, content authors might not. Especially if we asked them to learn git so that they could do their work. Let’s not tell them. Let’s do it all behind the scenes and give them the benefits without exposing them to the underlying technology.

This talk will look at how Netlify CMS (an increasingly popular open source project) is marrying powerful git workflows with static site generators, continuous integration tools, and a flexible admin interface to make building and maintaining a CMS powered site a joy for all.

Transcript

1. STEALTHY GIT PHIL HAWKSWORTH SOLVING CMS WOES WITH GIT, ON THE QUIET
2. Stealthy Git Front End London, February 2018 @philhawksworth netlify HELLO
3. Stealthy Git Front End London, February 2018 @philhawksworth netlify PHILHAWKSWORTH
4. Stealthy Git Front End London, February 2018 @philhawksworth netlify PHILHAWKSWORTH @
5. Stealthy Git Front End London, February 2018 @philhawksworth netlify
6. Stealthy Git Front End London, February 2018 @philhawksworth netlify STATIC SITES GO ALL HOLLYWOOD 7 7 @PHILHAWKSWORTH FRONTEERS, AMSTERDAM, 2015 ~ I C CAN SMELL YOUR MS
7. Stealthy Git Front End London, February 2018 @philhawksworth netlify
8. Stealthy Git Front End London, February 2018 @philhawksworth netlify killer insight
9. netlify Stealthy Git Front End London, February 2018 @philhawksworth BUILDING SITES TO WORK WITH A CMS IS A MASSIVE PAIN IN THE ARSE PHIL'S KILLER INSIGHT
10. Stealthy Git Front End London, February 2018 @philhawksworth netlify THIS EVENING / THE TROUBLE WITH CMS / WHAT A GOOD CMS WOULD LOOK LIKE / THE NEXT WAVE / GIT BY STEALTH
11. Stealthy Git Front End London, February 2018 @philhawksworth netlify THIS EVENING / THE TROUBLE WITH CMS / WHAT A GOOD CMS WOULD LOOK LIKE / THE NEXT WAVE / GIT BY STEALTH
12. Stealthy Git Front End London, February 2018 @philhawksworth netlify MONOLITHIC
13. Stealthy Git Front End London, February 2018 @philhawksworth netlify VISITORS & AUTHORS SERVED FROM THE SAME PLACE
14. Stealthy Git Front End London, February 2018 @philhawksworth netlify CONTENT & CODE
15. Stealthy Git Front End London, February 2018 @philhawksworth netlify SCALING IS HARD
16. Stealthy Git Front End London, February 2018 @philhawksworth netlify PERFORMANCE IS HARD
17. Stealthy Git Front End London, February 2018 @philhawksworth netlify SECURITY IS HARD
18. Stealthy Git Front End London, February 2018 @philhawksworth netlify STABILITY IS HARD
19. Stealthy Git Front End London, February 2018 @philhawksworth netlify PROCESSES ARE HARD
20. Stealthy Git Front End London, February 2018 @philhawksworth netlify MANY DIFFERENT TYPES OF USERS
21. Stealthy Git Front End London, February 2018 @philhawksworth netlify MANY DIFFERENT TYPES OF SKILLS
22. netlify Stealthy Git Front End London, February 2018 @philhawksworth BUILDING SITES TO WORK WITH A CMS IS A MASSIVE PAIN IN THE ARSE PHIL'S KILLER INSIGHT
23. netlify Stealthy Git Front End London, February 2018 @philhawksworth BUILDING SITES TO WORK WITH A CMS IS HARD A MORE REASONABLE OBSERVATION
24. Stealthy Git Front End London, February 2018 @philhawksworth netlify CMS ARE EXPENSIVE AND DEPEND ON A COMPLEX STACK MYTH
25. Stealthy Git Front End London, February 2018 @philhawksworth netlify CONTENT & CODE
26. Stealthy Git Front End London, February 2018 @philhawksworth netlify CONTENT & CODE ARE TREATED THE SAME ...AS CONTENT ...IN A DATABASE
27. Stealthy Git Front End London, February 2018 @philhawksworth netlify VERSION CONTROL PROCESSES ARE INTRODUCED
28. Stealthy Git Front End London, February 2018 @philhawksworth netlify EVERYTHING VERSION CONTROLFor
29. Stealthy Git Front End London, February 2018 @philhawksworth netlify VERSION CONTROL PROCESSES ARE INTRODUCED
30. Stealthy Git Front End London, February 2018 @philhawksworth netlify VERSION CONTROL PROCESSES ARE REINVENTED
31. netlify Stealthy Git Front End London, February 2018 @philhawksworth LAUNCH DAY
32. Stealthy Git Front End London, February 2018 @philhawksworth netlify THIS EVENING / THE TROUBLE WITH CMS / WHAT A GOOD CMS WOULD LOOK LIKE / THE NEXT WAVE / GIT BY STEALTH
33. Stealthy Git Front End London, February 2018 @philhawksworth netlify FREEDOM TO CREATE AND MANAGE CONTENT for authors
34. Stealthy Git Front End London, February 2018 @philhawksworth netlify A SENSIBLE AND LOGICAL PUBLISHING WORKFLOW for authors
35. Stealthy Git Front End London, February 2018 @philhawksworth netlify FREEDOM TO BUILD AND PROTECT THE EXPERIENCE for developers
36. Stealthy Git Front End London, February 2018 @philhawksworth netlify CONFIDENCE THAT THE DESIGN WILL STAY INTACT for designers
37. Stealthy Git Front End London, February 2018 @philhawksworth netlify A SAFE, SECURE AND RAPID EXPERIENCE for users
38. Stealthy Git Front End London, February 2018 @philhawksworth netlify THIS EVENING / THE TROUBLE WITH CMS / WHAT A GOOD CMS WOULD LOOK LIKE / THE NEXT WAVE / GIT BY STEALTH
39. Stealthy Git Front End London, February 2018 @philhawksworth netlify APPROACH? a new
40. Stealthy Git Front End London, February 2018 @philhawksworth netlify HEADLESS CMS
41. netlify Stealthy Git Front End London, February 2018 @philhawksworth
42. netlify Stealthy Git Front End London, February 2018 @philhawksworth
43. netlify Stealthy Git Front End London, February 2018 @philhawksworth
44. netlify Stealthy Git Front End London, February 2018 @philhawksworth
45. netlify Stealthy Git Front End London, February 2018 @philhawksworth
46. netlify Stealthy Git Front End London, February 2018 @philhawksworth
47. netlify Stealthy Git Front End London, February 2018 @philhawksworth
48. Stealthy Git Front End London, February 2018 @philhawksworth netlify LOTS & LOTS
49. netlify Stealthy Git Front End London, February 2018 @philhawksworth
50. Stealthy Git Front End London, February 2018 @philhawksworth netlify DECOUPLED
51. Stealthy Git Front End London, February 2018 @philhawksworth netlify API-BASED HEADLESS CMS
52. Stealthy Git Front End London, February 2018 @philhawksworth netlify BEST FRIENDS WITH SSG
53. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS
54. Stealthy Git Front End London, February 2018 @philhawksworth netlify GIT-BASED HEADLESS CMS
55. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS
56. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT CMS
57. Stealthy Git Front End London, February 2018 @philhawksworth netlify THIS EVENING / THE TROUBLE WITH CMS / WHAT A GOOD CMS WOULD LOOK LIKE / THE NEXT WAVE / GIT BY STEALTH
58. Stealthy Git Front End London, February 2018 @philhawksworth netlify
59. netlify Stealthy Git Front End London, February 2018 @philhawksworth
60. Stealthy Git Front End London, February 2018 @philhawksworth netlify THE LOGIC
61. Stealthy Git Front End London, February 2018 @philhawksworth netlify TRADITIONAL CMS HEADLESS CMS NETLIFY CMS SITE CMS SERVER CMS ADMIN UI CONTENT DATABASE SITE GENRERATION SITE SITE SOUIRCE SITE CONTENT CMS ADMIN UI GIT REPO SITE GENRERATION CD SERVER SITE CMS SERVER CMS ADMIN UI CONTENT DATABASE GIT REPO SITE SOURCE CD SERVER SITE GENRERATION
62. Stealthy Git Front End London, February 2018 @philhawksworth netlify GIT FROM TOP TO BOTTOM give developers
63. Stealthy Git Front End London, February 2018 @philhawksworth netlify A UI THAT NEVER EVER EVER EVER EVER EVER MENTIONS GIT give authors
64. Stealthy Git Front End London, February 2018 @philhawksworth netlify A SITE YOU CAN EXPERIMENT WITH
65. Stealthy Git Front End London, February 2018 @philhawksworth netlify DEMO - FASTEST NEW DEPLOY (DTN)
66. Stealthy Git Front End London, February 2018 @philhawksworth netlify ADDING THE CMS TO YOUR SITE
67. Stealthy Git Front End London, February 2018 @philhawksworth netlify /DIST YOUR LOVELY SITE FILES /ADMIN INDEX.HTML CONFIG.YML
68. Stealthy Git Front End London, February 2018 @philhawksworth netlify /DIST YOUR LOVELY SITE FILES /ADMIN INDEX.HTML CONFIG.YML
69. Stealthy Git Front End London, February 2018 @philhawksworth netlify <!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Content Manager </title> <!-- Include the styles for the Netlify CMS UI, after your own styles --> <link rel="stylesheet" href="https: //unpkg.com/netlify-cms@^1.0.0/dist/cms.css" /> </head> <body> <!-- Include the script that builds the page and powers Netlify CMS --> <script src="https: //unpkg.com/netlify-cms@^1.0.0/dist/cms.js"> </script> </body> </html>
71. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT CMS
72. Stealthy Git Front End London, February 2018 @philhawksworth netlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT CMS
73. netlify Stealthy Git Front End London, February 2018 @philhawksworth
74. Stealthy Git Front End London, February 2018 @philhawksworth netlify ADDING WORKFLOW
75. Stealthy Git Front End London, February 2018 @philhawksworth netlify /DIST YOUR LOVELY SITE FILES /ADMIN INDEX.HTML CONFIG.YML
76. Stealthy Git Front End London, February 2018 @philhawksworth netlify 
 media_folder: "site/static/img public_folder: "img" publish_mode: editorial_workflow
79. Stealthy Git Front End London, February 2018 @philhawksworth netlify GET GIT WORKFLOWS WITHOUT KNOWING ABOUT GIT authors
80. Stealthy Git Front End London, February 2018 @philhawksworth netlify DON'T EVEN NEED A GITHUB ACCOUNT authors
81. Stealthy Git Front End London, February 2018 @philhawksworth netlify RETAIN CONTROL OF DEVELOPMENT AND PROPER WORKFLOWS developers
82. Stealthy Git Front End London, February 2018 @philhawksworth netlify EVERYTHING VERSION CONTROLFor
83. Stealthy Git Front End London, February 2018 @philhawksworth netlify HEADLESSCMS.ORG
 NETLIFYCMS.ORG STATICGEN.COM NETLIFY.COM
 THENEWDYNAMIC.ORG HAWKSWORX.COM
84. Stealthy Git Front End London, February 2018 @philhawksworth netlify JAMSTACK.ORG / COMMUNITY
85. THANK YOU PHIL HAWKSWORTH HAWKSWORX.COM / TALKS / STEALTH