Next wave infrastructure – and how to use it for an easier life

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.

Presented at https://wearedevelopers.com, 2018

Transcript

1. NEXT WAVE INFRASTRUCTURE FOR AN EASIER LIFE PHIL HAWKSWORTH
2. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify HELLO
3. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PHIL HAWKSWORTH @
4. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify REALTIME FINANCIAL DATA
5. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify SHIPPING INSUARANCE
6. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify
7. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify
8. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CRUSHER DREAM the
9. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify
10. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify
11. netlify Serving for the win JS Heros, 2018 @philhawksworth
12. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MAKING THINGS
13. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MY TRACK RECORD
14. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify STATIC SITES GO ALL HOLLYWOOD 7 7 @PHILHAWKSWORTH FRONTEERS, AMSTERDAM, 2015 ~ I C CAN SMELL YOUR MS
15. netlify Serving for the win JS Heros, 2018 @philhawksworth SO, FOR THIS TALK
16. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify TIME TO JAZZ IT UP
17. NEXT WAVE INFRASTRUCTURE FOR AN EASIER LIFE PHIL HAWKSWORTH
18. NEXT WAVE INFRASTRUCTURE FOR AN EASIER LIFE PHIL HAWKSWORTH
19. NEXT WAVE INFRASTRUCTURE FOR AN EASIER LIFE PHIL HAWKSWORTH
20. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify EXOTIC OR NEW
21. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FUNDAMENTALS
22. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify WE LEARN A LOT AT CONFERENCES ~150 talks ?!
23. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CONFINING THESE LEARNINGS TO THEORY IS A WASTE
24. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CONFINING THESE LEARNINGS TO OUR LOCAL ENVIRONMENTS IS A WASTE
25. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify LET’S MAKE SURE THE GOOD STUFF REACHES YOUR USERS
26. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MINDSET
27. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PROCESS
28. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify OH GREAT…
 40 MINUTES OF SLIDES ABOUT PROCESS ALL OF YOU, RIGHT NOW
29. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
30. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
31. netlify Serving for the win JS Heros, 2018 @philhawksworth WHERE DOES IT HURT?
32. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CLIENTS / DEADLINES / COMPLEXITY PROJECTS USUALLY INVOLVE
33. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify SLEEPLESS NIGHTS
34. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE 
 RE-SCOPE CLIENT
 REVIEW FINAL 
 SIGN OFF FIXES “ ” ! :lemon:
35. netlify Serving for the win JS Heros, 2018 @philhawksworth LAUNCH DAY
36. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PROJECTS CAN BE HARD NEWSFLASH
37. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify LEARNING PROJECTS USUALLY INVOLVE
38. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CHANGE PROJECTS USUALLY INVOLVE
39. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify INFRASTRUCTURE
40. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify OUR EVOLVING APPROACH TO INFRASTRUCTURE ON SITE HARDWARE SOME RACK SPACE VIRTUAL SERVER SOFTWARE
 AAS FUNCTIONS
 AAS (not Rackspace) (perhaps Rackspace)
41. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify NEW DEPLOYMENT CONVENTIONS
42. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APPROACH
43. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MANAGING CHANGE MANAGING THE UNKNOWABLE THIS IS WHERE IT HURTS
44. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify AT CRUNCH TIME, AS THE PRESSURE MOUNTS THIS IS WHERE IT HURTS
45. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
46. netlify Serving for the win JS Heros, 2018 @philhawksworth DEPLOYING ON MY FIRST DAY Story one
47. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify A LARGE NATION-WIDE HEALTHCARE SITE
48. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify IT SHOULD HAVE GONE LIVE ON FRIDAY MY NEW BOSS
49. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify "
50. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CAN YOU HELP THE TEAM FIGURE OUT THE DEPLOYMENT? MY NEW BOSS
51. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE 
 RE-SCOPE CLIENT
 REVIEW FINAL 
 SIGN OFF FIXES “ ” # “FIGURE OUT” DEPLOYMENT
52. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify THE DEPLOYMENT
53. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify STAGING BOB ALICE PROD
54. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FFFFFFFFFTP
55. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify UNKNOWABLE STATE
56. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify UNREPEATABLE PROCESS
57. Next wave infrastructure We Are Developers. 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
58. Next wave infrastructure We Are Developers. 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
59. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify VERSION CONTROL SHOULD EXTEND TO YOUR DEPLOYMENTS Lessons HUMAN INTERVENTION IN DEPLOYMENTS IS UNDESIRABLE HOLISTIC DEPLOYS ARE PREFERABLE TO PIECEMEAL DEPLOYS
60. netlify Serving for the win JS Heros, 2018 @philhawksworth SEARCHING FOR SYRIA Story two
61. netlify Serving for the win JS Heros, 2018 @philhawksworth
62. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify LOTS OF CHANGE
63. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify SIGNIFICANT POLITICAL SENSITIVITY
64. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify GREATER STAKEHOLDER DIVERSITY
65. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify A GLOBAL LAUNCH
66. “FIGURE OUT” DEPLOYMENT Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify THE PERFECT PROJECT TIMELINE BRIEF AWARDS LAUNCH START SCOPE 
 RE-SCOPE CLIENT
 REVIEW FINAL 
 SIGN OFF FIXES “ ” $
67. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify
68. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVERIES
69. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to QA
70. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to PRODUCERS
71. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to TRANSLATIONS TEAMS
72. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to THE CLIENT
73. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to THE CLIENT’S
 BOSSES
74. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to THE PUBLIC
75. netlify Serving for the win JS Heros, 2018 @philhawksworth LET’S DELIVER ANY VERSION AT ANY TIME OUR AMBITION
76. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify VERSION CONTROL
77. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS
78. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify URLS FTW
79. netlify Serving for the win JS Heros, 2018 @philhawksworth AITCH TEE TEE PEE
 DOUBLE MEH ALEX SEXTON
80. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify http foobar.com http foobar.com ://
81. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS
82. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD STAGE GIT CI
83. netlify Serving for the win JS Heros, 2018 @philhawksworth
84. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD STAGE GIT CI
85. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE
86. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE
87. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEMOS / DISCUSSIONS TESTS / ISSUES / SIGNOFF ALL HAPPENED AGAINST KNOWN VERSIONS
88. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify ADDRESSABLE AND ACCESSIBLE BUILD VERSIONS ARE A HUGE WIN Lessons DECIDING WHEN AND WHAT TO TAG REQUIRES COORDINATION IMMUTABLE DEPLOYS TO PROD REMOVE UNCERTAINTY FROM LAUNCH DAY
89. netlify Serving for the win JS Heros, 2018 @philhawksworth NETLIFY BUILDING NETLIFY Story three
90. netlify Serving for the win JS Heros, 2018 @philhawksworth
91. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify NETLIFY.COM IS A JAMSTACK SITE HOSTED ON NETLIFY USING NETLIFY TO NETLIFY NETLIFY
92. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE
93. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV NETLIFY LIVE GIT CI STAGE STAGE STAGE CDN
94. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify A GIT-BASED WORKFLOW ALL THE WAY TO PRODUCTION
95. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify jamstack JAVASCRIPT / API / MARKUP
96. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
97. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
98. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify BUILDS ARE BASED ON GIT COMMITS,
 SO WE HAVE HISTORY
99. netlify Serving for the win JS Heros, 2018 @philhawksworth
100. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
101. netlify Serving for the win JS Heros, 2018 @philhawksworth
102. netlify Serving for the win JS Heros, 2018 @philhawksworth
103. netlify Serving for the win JS Heros, 2018 @philhawksworth
104. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP
105. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify AUTOMATION BASED ON GIT ACTIVITY
106. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify GENERATING PREVIEWS FROM PULL REQUESTS
107. netlify Serving for the win JS Heros, 2018 @philhawksworth
108. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CONFIDENCE IN THE FUTURE STATE
109. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify VERSION CONTROL SHOULD EXTEND TO YOUR DEPLOYMENTS PHIL, 20 MINUTES AGO
110. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify OUR EVOLVING APPROACH TO INFRASTRUCTURE ON SITE HARDWARE SOME RACK SPACE VIRTUAL SERVER SOFTWARE
 AAS FUNCTIONS
 AAS (not Rackspace) (perhaps Rackspace)
111. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify OUR EVOLVING APPROACH TO INFRASTRUCTURE ON SITE HARDWARE SOME RACK SPACE VIRTUAL SERVER SOFTWARE
 AAS FUNCTIONS
 AAS (not Rackspace) (perhaps Rackspace)
112. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify
114. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify A SERVERLESS WORKFLOW % POWERED BY VERSION CONTROL ACTIONS % AUTOMATICALLY GENERATING VERSIONED LAMBDAS % INSTANT PROVISIONING OF UNLIMITED STAGING ENVIRONMENTS % IMMUTABLE DEPLOYMENTS which works
115. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify Lessons EMBRACING VERSION CONTROL CONVENTIONS REMOVES NEED TO REINVENT THEM REDUCED FRICTION BRINGS AGILITY AND CONFIDENCE JAMSTACK GOES BEYOND STATIC SITES
116. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FOR THE NEXT 40 MINUTES OR SO / WHERE DOES IT HURT? / 3 STORIES / MINDSETS AND RESOURCES
117. netlify Serving for the win JS Heros, 2018 @philhawksworth RESOURCES CIRCLE CI JENKINS
118. netlify Serving for the win JS Heros, 2018 @philhawksworth THEPOWEROFSERVERLESS.INFO
119. netlify Serving for the win JS Heros, 2018 @philhawksworth THENEWDYNAMIC.ORG JAMSTACK.ORG
120. netlify Serving for the win JS Heros, 2018 @philhawksworth MINDSETS
121. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify EVERYTHING VERSION CONTROLFor
122. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify 1. MAKE IT SCRIPTED 2. MAKE IT AUTOMATED 3. MAKE IT REAL 4. MAKE IT FIRST A NOTE ON DEPLOYMENT
123. netlify Serving for the win JS Heros, 2018 @philhawksworth EXPECT TIMES OF CHAOS
124. netlify Serving for the win JS Heros, 2018 @philhawksworth DON’T LET A POOR PROCESS BE WHAT CREATES IT
125. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify IT’S AN AWFULLY FULL STACK A NOTE ON EXPERTISE
126. Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify USE THE SKILLS OF OTHERS A NOTE ON EXPERTISE
127. THANK YOU PHIL HAWKSWORTH HAWKSWORX.COM / TALKS / WAD