Next Wave Infrastructure

Recent years have seen a shift in technical architectures. Building complex services for the web used to be just that – complex. Projects might have demanded a broad range of specialist skills which could stretch even the fullest of full-stack developers. These days we have a growing number of options for how we design, build and maintain the systems which keep our web sites and applications alive.

This talk will look at ways to make use of emerging tools and services which can deliver surprisingly rich features and capabilities without maintaining expensive and complex infrastructure. We’ll talk about the benefits in keeping your stack simple, in using the expertise of others, and we'll examine the performance and security benefits of JAMstack and microservices.

Transcript

1. NEXT WAVE INFRASTRUCTURE PHIL HAWKSWORTH DOING FAR MORE WITH MUCH LESS
2. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify HELLO
3. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify PHIL HAWKSWORTH @
4. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify MAKING THINGS
5. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
6. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
7. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify SALES PITCH
8. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
9. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
10. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify MY TRACK RECORD
11. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify NERD
12. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify STATIC SITES GO ALL HOLLYWOOD 7 7 @PHILHAWKSWORTH FRONTEERS, AMSTERDAM, 2015 ~ I C CAN SMELL YOUR MS
13. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth THE GOAL FOR THIS TALK
14. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify TIME TO SEXY IT UP
15. NEXT WAVE INFRASTRUCTURE PHIL HAWKSWORTH DOING FAR MORE WITH MUCH LESS
16. NEXT WAVE INFRASTRUCTURE PHIL HAWKSWORTH DOING FAR MORE WITH MUCH LESS
17. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify EXOTIC OR NEW
18. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify FUNDAMENTALS
19. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify WE LEARN A LOT AT CONFERENCES
20. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify CONFINING THESE LEARNINGS TO OUR LOCAL ENVIRONMENTS IS A WASTE
21. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify LET’S MAKE SURE THE GOOD STUFF REACHES YOUR USERS
22. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth GREAT…
 HALF AN HOUR OF SLIDES ABOUT PROCESS ALL OF YOU
23. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify FOR THE NEXT 30 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
24. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth WHERE DOES IT HURT?
25. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify CLIENTS / DEADLINES / COMPLEXITY PROJECTS USUALLY INVOLVE
26. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify SLEEPLESS NIGHTS
27. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE 
 RE-SCOPE CLIENT
 REVIEW FINAL 
 SIGN OFF FIXES “ ” !
28. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth LAUNCH DAY
29. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify PROJECTS CAN BE HARD NEWSFLASH
30. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify LEARNING PROJECTS USUALLY INVOLVE
31. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify CHANGE PROJECTS USUALLY INVOLVE
32. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify INFRASTRUCTURE
33. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify OUR EVOLVING APPROACH TO INFRASTRUCTURE ON SITE HARDWARE SOME RACK SPACE VIRTUAL SERVER SOFTWARE
 AAS FUNCTIONS
 AAS (not Rackspace)
34. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify NEW DEPLOYMENT CONVENTIONS
35. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify APPROACH
36. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify MINDSET
37. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify MANAGING CHANGE MANAGING THE UNKNOWABLE THIS IS WHERE IT HURTS
38. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify AT CRUNCH TIME, AS THE PRESSURE MOUNTS THIS IS WHERE IT HURTS
39. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify WHEN THE PLAN GOES IN THE TRASH THIS IS WHERE IT HURTS
40. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify CAN WE PLAN FOR THE PLAN GOING IN THE TRASH?
41. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify FOR THE NEXT 30 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
42. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth DEPLOYING ON MY FIRST DAY Story one
43. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify A LARGE NATION-WIDE HEALTHCARE SITE
44. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
45. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify ONE TO NOT F**K UP
46. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify IT SHOULD HAVE GONE LIVE ON FRIDAY MY NEW BOSS
47. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify "
48. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify CAN YOU HELP THE TEAM FIGURE OUT THE DEPLOYMENT? MY NEW BOSS
49. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE 
 RE-SCOPE CLIENT
 REVIEW FINAL 
 SIGN OFF FIXES “ ” ! “FIGURE OUT” DEPLOYMENT
50. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify THE DEPLOYMENT
51. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify STAGING BOB ALICE PROD
52. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify FFFFFFFFFTP
53. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify UNKNOWABLE STATE
54. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify UNREPEATABLE PROCESS
55. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DID IT GO LIVE? YES, IT DID WAS IT CORRECT? YES. PROBABLY. HONESTLY, I DON’T THINK WE CAN EVERY REALLY KNOW
56. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify HOW DID THE NEXT DEPLOYMENT GO? I’M NOT READY TO TALK ABOUT THAT DO YOU NEED A HUG? YES. YES I DO
57. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify VERSION CONTROL SHOULD EXTEND TO YOUR DEPLOYMENTS Lessons HUMAN INTERVENTION IN DEPLOYMENTS IS UNDESIRABLE ATOMIC DEPLOYS ARE PREFERABLE TO PIECEMEAL DEPLOYS
58. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth SEARCHING FOR SYRIA Story two
59. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
60. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify PLENTY OF CHANGE (passive aggressive)
61. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify SIGNIFICANT POLITICAL SENSITIVITY
62. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify MORE STAKEHOLDERS
63. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify GREATER STAKEHOLDER DIVERSITY
64. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify A GLOBAL LAUNCH
65. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify ONE TO NOT F**K UP
66. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
67. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify ONE TO NOT F**K UP DEFINITELY
68. “FIGURE OUT” DEPLOYMENT Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify BRIEF AWARDS LAUNCH START SCOPE 
 RE-SCOPE CLIENT
 REVIEW FINAL 
 SIGN OFF FIXES “ ”
69. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
70. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVERIES
71. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVER to QA
72. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVER to PRODUCERS
73. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVER to TRANSLATIONS TEAMS
74. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVER to OUR EXEC
75. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVER to THE CLIENT
76. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVER to THE CLIENT’S
 BOSSES
77. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DELIVER to THE PUBLIC
78. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth LET’S DELIVER ANY VERSION AT ANY TIME PHIL’S AMBITION
79. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify VERSION CONTROL
80. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS
81. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify URLS FTW
82. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth AITCH TEE TEE PEE
 DOUBLE MEH ALEX SEXTON
83. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify http foobar.com http foobar.com ://
84. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify http foobar.com ://
85. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS
86. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DEV PROD STAGE GIT CI
87. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
88. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
89. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DEV PROD STAGE GIT CI
90. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE
91. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE
92. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DEMOS / DISCUSSIONS TESTS / ISSUES / SIGNOFF ALL HAPPENED AGAINST KNOWN VERSIONS
93. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify ADDRESSABLE AND ACCESSIBLE BUILD VERSIONS ARE A HUGE WIN Lessons DECIDING WHEN AND WHAT TO TAG REQUIRES COORDINATION ATOMIC DEPLOYS TO PROD REMOVE UNCERTAINTY FROM LAUNCH DAY
94. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth NETLIFY BUILDING NETLIFY Story three
95. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
96. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify LEARNING THE APPROACH FOR DEVELOPING THE SITE AND PRODUCT
97. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify jamstack JAVASCRIPT / API / MARKUP
98. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify jamstack “STATIC++”
99. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify jamstack “STATIC, WITH BENEFITS”
100. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify jamstack ECOSYSTEM
101. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
102. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify MARKUP
103. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify JAVASCRIPT MARKUP
104. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify APIs JAVASCRIPT MARKUP
105. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify APIs JAVASCRIPT MARKUP SITE
106. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
107. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify NOT UNIQUE
108. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify jamstack
109. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE
110. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify DEV NETLIFY LIVE GIT CI STAGE STAGE STAGE CDN
111. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify A GIT-BASED WORKFLOW ALL THE WAY TO PRODUCTION
112. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify NETLIFY.COM IS A JAMSTACK SITE HOSTED ON NETLIFY USING NETLIFY TO NETLIFY NETLIFY
113. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify PHIL, YOU PROMISED!
114. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify NETLIFY.COM IS A JAMSTACK SITE HOSTED ON NETLIFY USING NETLIFY TO NETLIFY NETLIFY
115. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify NETLIFY.COM IS A JAMSTACK SITE HOSTED ON NETLIFY USING NETLIFY TO NETLIFY NETLIFY
116. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
117. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
118. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
119. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify BUILDS ARE BASED ON GIT COMMITS,
 SO WE HAVE HISTORY
120. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
121. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
122. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
123. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
124. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify AUTOMATION BASED ON GIT ACTIVITY
125. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify GENERATING PREVIEWS FROM PULL REQUESTS
126. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
127. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify CONFIDENCE IN THE FUTURE STATE
128. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify Lessons EMBRACING VERSION CONTROL CONVENTIONS REMOVES NEED TO REINVENT THEM REDUCED FRICTION BRINGS AGILITY AND CONFIDENCE JAMSTACK GOES BEYOND STATIC SITES
129. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify FOR THE NEXT 30 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
130. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
131. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth RESOURCES CIRCLE CI JENKINS
132. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
133. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth RESOURCES THENEWDYNAMIC.ORG JAMSTACK.ORG
134. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth
135. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth MINDSETS
136. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify EVERYTHING VERSION CONTROLFor
137. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify EXPOSE THE RED LIGHTS
138. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
139. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify
140. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify 1. MAKE IT SCRIPTED 2. MAKE IT AUTOMATED A NOTE ON DEPLOYMENT
141. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify 1. MAKE IT SCRIPTED 2. MAKE IT AUTOMATED 3. MAKE IT REAL A NOTE ON DEPLOYMENT
142. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify 1. MAKE IT SCRIPTED 2. MAKE IT AUTOMATED 3. MAKE IT REAL 4. MAKE IT FIRST A NOTE ON DEPLOYMENT
143. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify IT’S AN AWFULLY FULL STACK A NOTE ON EXPERTISE
144. Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth netlify USE THE SKILLS OF OTHERS A NOTE ON EXPERTISE
145. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth EXPECT TIMES OF CHAOS
146. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth FACE YOUR DEMONS EARLY
147. netlify Next wave infrastructure Script 18, Linz, January 2018 @philhawksworth DON’T LET YOUR INFRASTRUCTURE BE WHAT CREATES IT
148. THANK YOU PHIL HAWKSWORTH HAWKSWORX.COM / TALKS / SCRIPTCONF