Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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.

Phil Hawksworth

February 22, 2018
Tweet

More Decks by Phil Hawksworth

Other Decks in Technology

Transcript

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. netlify Stealthy Git Front End London, February 2018 @philhawksworth BUILDING

    SITES TO WORK WITH A CMS IS HARD A MORE REASONABLE OBSERVATION
  7. Stealthy Git Front End London, February 2018 @philhawksworth netlify CMS

    ARE EXPENSIVE AND DEPEND ON A COMPLEX STACK MYTH
  8. Stealthy Git Front End London, February 2018 @philhawksworth netlify CONTENT

    & CODE ARE TREATED THE SAME ...AS CONTENT ...IN A DATABASE
  9. 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
  10. Stealthy Git Front End London, February 2018 @philhawksworth netlify A

    SENSIBLE AND LOGICAL PUBLISHING WORKFLOW for authors
  11. Stealthy Git Front End London, February 2018 @philhawksworth netlify FREEDOM

    TO BUILD AND PROTECT THE EXPERIENCE for developers
  12. 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
  13. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI

    & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS
  14. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI

    & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS
  15. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI

    & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT CMS
  16. 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
  17. 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
  18. Stealthy Git Front End London, February 2018 @philhawksworth netlify A

    UI THAT NEVER EVER EVER EVER EVER EVER MENTIONS GIT give authors
  19. Stealthy Git Front End London, February 2018 @philhawksworth netlify /DIST

    YOUR LOVELY SITE FILES /ADMIN INDEX.HTML CONFIG.YML
  20. Stealthy Git Front End London, February 2018 @philhawksworth netlify /DIST

    YOUR LOVELY SITE FILES /ADMIN INDEX.HTML CONFIG.YML
  21. 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>
  22. Stealthy Git Front End London, February 2018 @philhawksworth netlify CI

    & HOSTING BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT CMS
  23. Stealthy Git Front End London, February 2018 @philhawksworth netlify NETLIFY

    BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT CMS
  24. Stealthy Git Front End London, February 2018 @philhawksworth netlify /DIST

    YOUR LOVELY SITE FILES /ADMIN INDEX.HTML CONFIG.YML
  25. Stealthy Git Front End London, February 2018 @philhawksworth netlify 


    media_folder: "site/static/img public_folder: "img" publish_mode: editorial_workflow
  26. Stealthy Git Front End London, February 2018 @philhawksworth netlify GET

    GIT WORKFLOWS WITHOUT KNOWING ABOUT GIT authors
  27. Stealthy Git Front End London, February 2018 @philhawksworth netlify RETAIN

    CONTROL OF DEVELOPMENT AND PROPER WORKFLOWS developers
  28. Stealthy Git Front End London, February 2018 @philhawksworth netlify HEADLESSCMS.ORG


    NETLIFYCMS.ORG STATICGEN.COM NETLIFY.COM
 THENEWDYNAMIC.ORG HAWKSWORX.COM