STEALTHY GIT
PHIL HAWKSWORTH
SOLVING CMS WOES WITH GIT, ON THE QUIET
Slide 2
Slide 2 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
HELLO
Slide 3
Slide 3 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
PHILHAWKSWORTH
Slide 4
Slide 4 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
PHILHAWKSWORTH
@
Slide 5
Slide 5 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
Slide 6
Slide 6 text
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
Slide 7
Slide 7 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
Slide 8
Slide 8 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
killer insight
Slide 9
Slide 9 text
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
Slide 10
Slide 10 text
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
Slide 11
Slide 11 text
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
Slide 12
Slide 12 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
MONOLITHIC
Slide 13
Slide 13 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
VISITORS & AUTHORS
SERVED FROM
THE SAME PLACE
Slide 14
Slide 14 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CONTENT & CODE
Slide 15
Slide 15 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
SCALING IS HARD
Slide 16
Slide 16 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
PERFORMANCE IS HARD
Slide 17
Slide 17 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
SECURITY IS HARD
Slide 18
Slide 18 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
STABILITY IS HARD
Slide 19
Slide 19 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
PROCESSES ARE HARD
Slide 20
Slide 20 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
MANY DIFFERENT
TYPES OF USERS
Slide 21
Slide 21 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
MANY DIFFERENT
TYPES OF SKILLS
Slide 22
Slide 22 text
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
Slide 23
Slide 23 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
BUILDING SITES TO WORK
WITH A CMS IS HARD
A MORE REASONABLE OBSERVATION
Slide 24
Slide 24 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CMS ARE EXPENSIVE
AND DEPEND ON A
COMPLEX STACK
MYTH
Slide 25
Slide 25 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CONTENT & CODE
Slide 26
Slide 26 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CONTENT & CODE
ARE TREATED THE SAME
...AS CONTENT ...IN A DATABASE
Slide 27
Slide 27 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
VERSION CONTROL
PROCESSES ARE
INTRODUCED
Slide 28
Slide 28 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
EVERYTHING
VERSION CONTROLFor
Slide 29
Slide 29 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
VERSION CONTROL
PROCESSES ARE
INTRODUCED
Slide 30
Slide 30 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
VERSION CONTROL
PROCESSES ARE
REINVENTED
Slide 31
Slide 31 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
LAUNCH DAY
Slide 32
Slide 32 text
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
Slide 33
Slide 33 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
FREEDOM TO CREATE
AND MANAGE CONTENT
for authors
Slide 34
Slide 34 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
A SENSIBLE AND LOGICAL
PUBLISHING WORKFLOW
for authors
Slide 35
Slide 35 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
FREEDOM TO BUILD AND
PROTECT THE EXPERIENCE
for developers
Slide 36
Slide 36 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CONFIDENCE THAT THE
DESIGN WILL STAY INTACT
for designers
Slide 37
Slide 37 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
A SAFE, SECURE AND
RAPID EXPERIENCE
for users
Slide 38
Slide 38 text
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
Slide 39
Slide 39 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
APPROACH?
a new
Slide 40
Slide 40 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
HEADLESS CMS
Slide 41
Slide 41 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 42
Slide 42 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 43
Slide 43 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 44
Slide 44 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 45
Slide 45 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 46
Slide 46 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 47
Slide 47 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 48
Slide 48 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
LOTS & LOTS
Slide 49
Slide 49 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 50
Slide 50 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
DECOUPLED
Slide 51
Slide 51 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
API-BASED HEADLESS CMS
Slide 52
Slide 52 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
BEST FRIENDS WITH SSG
Slide 53
Slide 53 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CI & HOSTING
BUILD
CDN
LOCAL
BUILD
STATIC SERVER
GIT
CONTENT APIS
Slide 54
Slide 54 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
GIT-BASED HEADLESS CMS
Slide 55
Slide 55 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CI & HOSTING
BUILD
CDN
LOCAL
BUILD
STATIC SERVER
GIT
CONTENT APIS
Slide 56
Slide 56 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CI & HOSTING
BUILD
CDN
LOCAL
BUILD
STATIC SERVER
GIT
CONTENT
CMS
Slide 57
Slide 57 text
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
Slide 58
Slide 58 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
Slide 59
Slide 59 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 60
Slide 60 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
THE LOGIC
Slide 61
Slide 61 text
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
Slide 62
Slide 62 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
GIT FROM TOP
TO BOTTOM
give developers
Slide 63
Slide 63 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
A UI THAT NEVER EVER
EVER EVER EVER EVER
MENTIONS GIT
give authors
Slide 64
Slide 64 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
A SITE YOU CAN EXPERIMENT WITH
Slide 65
Slide 65 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
DEMO - FASTEST NEW DEPLOY (DTN)
Slide 66
Slide 66 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
ADDING THE CMS
TO YOUR SITE
Slide 67
Slide 67 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
/DIST
YOUR LOVELY SITE FILES
/ADMIN
INDEX.HTML
CONFIG.YML
Slide 68
Slide 68 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
/DIST
YOUR LOVELY SITE FILES
/ADMIN
INDEX.HTML
CONFIG.YML
Slide 69
Slide 69 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
Content Manager
Slide 70
Slide 70 text
No content
Slide 71
Slide 71 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
CI & HOSTING
BUILD
CDN
LOCAL
BUILD
STATIC SERVER
GIT
CONTENT
CMS
Slide 72
Slide 72 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
NETLIFY
BUILD
CDN
LOCAL
BUILD
STATIC SERVER
GIT
CONTENT
CMS
Slide 73
Slide 73 text
netlify Stealthy Git Front End London, February 2018 @philhawksworth
Slide 74
Slide 74 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
ADDING WORKFLOW
Slide 75
Slide 75 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
/DIST
YOUR LOVELY SITE FILES
/ADMIN
INDEX.HTML
CONFIG.YML
Slide 76
Slide 76 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
media_folder: "site/static/img
public_folder: "img"
publish_mode: editorial_workflow
Slide 77
Slide 77 text
No content
Slide 78
Slide 78 text
No content
Slide 79
Slide 79 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
GET GIT WORKFLOWS
WITHOUT KNOWING
ABOUT GIT
authors
Slide 80
Slide 80 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
DON'T EVEN NEED
A GITHUB ACCOUNT
authors
Slide 81
Slide 81 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
RETAIN CONTROL OF
DEVELOPMENT AND
PROPER WORKFLOWS
developers
Slide 82
Slide 82 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
EVERYTHING
VERSION CONTROLFor
Slide 83
Slide 83 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
HEADLESSCMS.ORG
NETLIFYCMS.ORG
STATICGEN.COM
NETLIFY.COM
THENEWDYNAMIC.ORG
HAWKSWORX.COM
Slide 84
Slide 84 text
Stealthy Git Front End London, February 2018 @philhawksworth
netlify
JAMSTACK.ORG / COMMUNITY
Slide 85
Slide 85 text
THANK YOU
PHIL HAWKSWORTH
HAWKSWORX.COM / TALKS / STEALTH