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

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.

465724d73fe3a92c0879fdfb43a3a6f3?s=128

Phil Hawksworth

February 22, 2018
Tweet

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>
  70. None
  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
  77. None
  78. None
  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