Next Wave Infrastructure

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.

465724d73fe3a92c0879fdfb43a3a6f3?s=128

Phil Hawksworth

January 19, 2018
Tweet

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