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

NEXT WAVE INFRASTRUCTURE FOR AN EASIER LIFE PHIL HAWKSWORTH

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify HELLO

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PHIL

HAWKSWORTH AFTER DINNER SPEAKER

@

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify REALTIME FINANCIAL DATA

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify SHIPPING INSUARANCE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify AFTER DINNER SPEAKER CRUSHER DREAM the

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify AFTER DINNER SPEAKER

netlify Serving for the win JS Heros, 2018 @philhawksworth

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MAKING THINGS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MY TRACK RECORD

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 M S

netlify Serving for the win JS Heros, 2018 @philhawksworth SO, FOR THIS TALK

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify TIME TO JAZZ IT UP

NEXT WAVE INFRASTRUCTURE FOR AN EASIER LIFE PHIL HAWKSWORTH

NEXT WAVE INFRASTRUCTURE FOR

AN

EASIER

LIFE PHIL HAWKSWORTH

NEXT WAVE INFRASTRUCTURE FOR AN EASIER LIFE PHIL HAWKSWORTH

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify EXOTIC OR NEW

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FUNDAMENTALS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify WE LEARN A LOT AT CONFERENCES ~ 150 talks ?!

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CONFINING THESE LEARNINGS TO THEORY IS A WASTE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CONFINING THESE LEARNINGS TO OUR LOCAL ENVIRONMENTS IS A WASTE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify LET’S MAKE SURE THE GOOD STUFF REACHES YOUR USERS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MINDSET

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PROCESS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify OH GREAT…   40 MINUTES OF SLIDES
ABOUT PROCESS ALL OF YOU, RIGHT NOW

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

netlify Serving for the win JS Heros, 2018 @philhawksworth WHERE DOES IT HURT?

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CLIENTS / DEADLINES / COMPLEXITY PROJECTS USUALLY INVOLVE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify SLEEPLESS NIGHTS

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:

netlify Serving for the win JS Heros, 2018 @philhawksworth LAUNCH DAY

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PROJECTS CAN BE HARD NEWSFLASH

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify LEARNING PROJECTS USUALLY INVOLVE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CHANGE PROJECTS USUALLY INVOLVE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify INFRASTRUCTURE

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)

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify NEW DEPLOYMENT CONVENTIONS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APPROACH

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify MANAGING CHANGE MANAGING THE UNKNOWABLE THIS IS WHERE IT HURTS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify AT CRUNCH TIME,
AS THE PRESSURE MOUNTS THIS IS WHERE IT HURTS

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

netlify Serving for the win JS Heros, 2018 @philhawksworth DEPLOYING ON MY FIRST DAY Story one

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify A LARGE NATION-WIDE HEALTHCARE SITE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify IT SHOULD HAVE
GONE LIVE
ON FRIDAY MY NEW BOSS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify "

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CAN YOU HELP THE TEAM
FIGURE OUT
THE DEPLOYMENT? MY NEW BOSS

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

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify THE DEPLOYMENT

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify STAGING BOB ALICE PROD

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify FFFF FFF F FTP

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify UNKNOWABLE STATE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify UNREPEATABLE PROCESS

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

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

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

netlify Serving for the win JS Heros, 2018 @philhawksworth SEARCHING FOR SYRIA Story two

netlify Serving for the win JS Heros, 2018 @philhawksworth

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify LOTS OF CHANGE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify SIGNIFICANT POLITICAL SENSITIVITY

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify GREATER STAKEHOLDER DIVERSITY

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify A GLOBAL LAUNCH

“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 “ ” $

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVERIES

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to QA

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to PRODUCERS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to TRANSLATIONS TEAMS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to THE CLIENT

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to THE CLIENT’S   BOSSES

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DELIVER to THE PUBLIC

netlify Serving for the win JS Heros, 2018 @philhawksworth LET’S DELIVER ANY VERSION AT ANY TIME OUR AMBITION

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify VERSION CONTROL

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify URLS FTW

netlify Serving for the win JS Heros, 2018 @philhawksworth AITCH TEE TEE PEE   DOUBLE MEH ALEX SEXTON

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify http foobar.com ://

http foobar.com

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify TAGS SHOULD CREATE RESOURCES AT URLS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD STAGE GIT CI

netlify Serving for the win JS Heros, 2018 @philhawksworth

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD STAGE GIT CI

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEMOS / DISCUSSIONS
TESTS / ISSUES / SIGNOFF ALL HAPPENED AGAINST KNOWN VERSIONS

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

netlify Serving for the win JS Heros, 2018 @philhawksworth NETLIFY BUILDING NETLIFY Story three

netlify Serving for the win JS Heros, 2018 @philhawksworth

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify NETLIFY.COM IS A JAMSTACK SITE HOSTED ON NETLIFY USING NETLIFY TO NETLIFY NETLIFY

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV PROD LIVE GIT CI STAGE STAGE STAGE STAGE STAGE STAGE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify DEV NETLIFY LIVE GIT CI STAGE STAGE STAGE CDN

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify A GIT-BASED WORKFLOW ALL THE WAY TO PRODUCTION

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify jamstack JAVASCRIPT / API / MARKUP

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify BUILDS ARE BASED ON
GIT COMMITS,   SO WE HAVE HISTORY

netlify Serving for the win JS Heros, 2018 @philhawksworth

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP

netlify Serving for the win JS Heros, 2018 @philhawksworth

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify AUTOMATION BASED ON GIT ACTIVITY

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify GENERATING PREVIEWS FROM PULL REQUESTS

netlify Serving for the win JS Heros, 2018 @philhawksworth

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify CONFIDENCE IN THE FUTURE STATE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify VERSION CONTROL SHOULD
EXTEND TO YOUR DEPLOYMENTS PHIL, 20 MINUTES AGO

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)

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify

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

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

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

netlify Serving for the win JS Heros, 2018 @philhawksworth RESOURCES CIRCLE CI JENKINS

netlify Serving for the win JS Heros, 2018 @philhawksworth THEPOWEROFSERVERLESS.INFO

netlify Serving for the win JS Heros, 2018 @philhawksworth THENEWDYNAMIC.ORG JAMSTACK.ORG

netlify Serving for the win JS Heros, 2018 @philhawksworth MINDSETS

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify EVERYTHING VERSION CONTROL For

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify

MAKE IT SCRIPTED
MAKE IT AUTOMATED
MAKE IT REAL
MAKE IT FIRST A NOTE ON DEPLOYMENT

netlify Serving for the win JS Heros, 2018 @philhawksworth EXPECT TIMES OF CHAOS

netlify Serving for the win JS Heros, 2018 @philhawksworth DON’T LET
A POOR PROCESS BE WHAT CREATES IT

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify IT’S AN AWFULLY FULL STACK A NOTE ON EXPERTISE

Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify USE THE SKILLS OF OTHERS A NOTE ON EXPERTISE

THANK YOU PHIL HAWKSWORTH HAWKSWORX.COM / TALKS / WAD