A presentation at WeAreDevelopers World Congress in in Vienna, Austria by Phil Hawksworth
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
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
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
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 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 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
netlify Serving for the win JS Heros, 2018 @philhawksworth
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
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
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
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.
The following resources were mentioned during the presentation or are useful additional information.
This is the project I demonstrated during the talk to bootstrap a site build with integrated serverless functions. You can get started in a couple of clicks by hitting the "Deploy to Netlify" button.
The conference website
Here’s what was said about this presentation on social media.
just listening to a very very good talk by @philhawksworth about Next Wave Infrastructure and being anounced by the enthusiastic @ddprrt 🎉
— Michael Hahn (@likemike1991) May 17, 2018
what a great combination of speaker competence 😊#wearedevs
A question I got at #WeAreDevs was, "What technology is @Netlify built on?" I hinted that there was a lot of complexity hidden behind the simplicity. This fascinating post talks about just one aspect: our multi-cloud CDN and multi-cloud origin servers. https://t.co/oIBFqOlL2Y
— Phil Hawksworth (@philhawksworth) May 19, 2018
@philhawksworth speaking about #JAMstack & @Netlify at #WeAreDevs pic.twitter.com/AGXlmPsKJb
— Sebastian Ulbel (@suits_at) May 17, 2018
jamstack: Javascript, APIs, markup. Different from static dormant sites. There's a whole ecosystem around JAM.
— Emanuil Tolev @ WeAreDevelopers Vienna (@emanuil_tolev) May 17, 2018
From @philhawksworth's talk #WeAreDevelopers
Sleepy? Join the dream crusher 😁 @philhawksworth #WeAreDevs2018 Stage D pic.twitter.com/tK0xHzsUm4
— sciencevienna (@viennalex) May 17, 2018
@WeAreDevs Find it tricky to build & deploy #serverless functions with confidence? My talk at #WeAreDevs includes a demo of what might be the fastest way to get started. With:
— Phil Hawksworth (@philhawksworth) May 17, 2018
- Git-based deploys
- Immutable versions
- Instant unlimited instant staging envs
...in under 7mins. pic.twitter.com/8lEYPQkTAU