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

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

465724d73fe3a92c0879fdfb43a3a6f3?s=128

Phil Hawksworth

May 17, 2018
Tweet

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

  113. None
  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