Are you being servered? — Exploring a “serverless” web

A presentation at International JavaScript Conference in October 2019 in Munich, Germany by Phil Hawksworth

Slide 1

Slide 1

ARE YOU BEING SERVERED? EXPLORING A SERVERLESS WEB PHIL HAWKSWORTH

Slide 2

Slide 2

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 3

Slide 3

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 4

Slide 4

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 5

Slide 5

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 6

Slide 6

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 7

Slide 7

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 8

Slide 8

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 WIRELESS

Slide 9

Slide 9

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SERVERLESS

Slide 10

Slide 10

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 CAN WE REALLY TAKE SERVERS OUT OF THE EQUATION?

Slide 11

Slide 11

netlify Are you being servered? @philhawksworth s s e l r e v r se International JavaScript Conference, Munich 2019 ⚡ ⚡ k c a t s jam

Slide 12

Slide 12

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 FOCUSSING ON THE THINGS YOU CARE ABOUT

Slide 13

Slide 13

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 FOCUSSING ON THE THINGS YOU o t e v ha CARE ABOUT

Slide 14

Slide 14

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 d e t a r e b li TO FOCUS ON WHAT MATTERS

Slide 15

Slide 15

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 JUST WRITE CODE CHRIS NORING, 11:47AM

Slide 16

Slide 16

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 r p e h t h it w m e l ob DOING BIG PROJECTS

Slide 17

Slide 17

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 CONSTRAINTS AND COMPLEXITY AND INFRASTRUCTURE ! y m oh

Slide 18

Slide 18

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 WHERE TO FOCUS OUR EFFORTS?

Slide 19

Slide 19

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 http://full-stack.netlify.com

Slide 20

Slide 20

netlify Are you being servered? LINES AND BOXES @philhawksworth International JavaScript Conference, Munich 2019

Slide 21

Slide 21

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 @ PHIL HAWKSWORTH HE / HIM DEVELOPER EXPERIENCE NETLIFY

Slide 22

Slide 22

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 FINDTHAT.AT/JAMSTACK-BOOK

Slide 23

Slide 23

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 FINDTHAT.AT/SOMETHINGSOMETHING FINDTHAT.AT/SERVERED FINDTHAT.AT

Slide 24

Slide 24

ARE YOU BEING SERVERED? EXPLORING A SERVERLESS WEB PHIL HAWKSWORTH

Slide 25

Slide 25

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 26

Slide 26

Slide 27

Slide 27

Slide 28

Slide 28

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 ON BEHALF OF THE PEOPLE OF BRITAIN, I APOLOGISE

Slide 29

Slide 29

ARE YOU BEING SERVERED? EXPLORING A SERVERLESS WEB PHIL HAWKSWORTH

Slide 30

Slide 30

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 FUNCTIONS AS A SERVICE

Slide 31

Slide 31

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SERVING WEBSITES WITHOUT WEBSERVERS

Slide 32

Slide 32

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 33

Slide 33

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 k c a t s m ja JAVASCRIPT / API / MARKUP

Slide 34

Slide 34

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 STACKS FOR DAYZ AN / LAMP / MAMP / XAMP / ROR / WISA / MEA WISA / MEAN / LAMP / MAMP / XAMP / ROR /

Slide 35

Slide 35

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 k c a t s m a j A modern architecture — Create fast and secure sites and dynamic apps with JavaScript, APIs, and pre-rendered Markup, served without web servers

Slide 36

Slide 36

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 BAKE, DON’T FRY – Aaron Swartz http://www.aaronsw.com/weblog/000404

Slide 37

Slide 37

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 I CARE ABOUT NOT HAVING TO MAINTAIN CRANKY AOLSERVER, POSTGRES AND ORACLE INSTALLS AARON SWARTZ, 2002 http://www.aaronsw.com/weblog/000404

Slide 38

Slide 38

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 TOOLS AND ECOSYSTEM

Slide 39

Slide 39

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SO… WHAT CAN A STATIC SITE EVEN BE?

Slide 40

Slide 40

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 REACTJS.ORG REACTJS.ORG STATIC

Slide 41

Slide 41

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 YARNPKG.COM REACTJS.ORG STATIC

Slide 42

Slide 42

netlify Are you being servered? @philhawksworth VUEJS.ORG REACTJS.ORG International JavaScript Conference, Munich 2019

Slide 43

Slide 43

netlify Are you being servered? @philhawksworth JUSTDOIT.NIKE.COM REACTJS.ORG International JavaScript Conference, Munich 2019

Slide 44

Slide 44

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 A LITTLE MORE “DYNAMIC”

Slide 45

Slide 45

netlify Are you being servered? @philhawksworth SMASHINGMAGAZINE.COM SMASHINGMAGAZINE.COM International JavaScript Conference, Munich 2019

Slide 46

Slide 46

netlify Are you being servered? @philhawksworth SQUOOSH.APP REACTJS.ORG International JavaScript Conference, Munich 2019

Slide 47

Slide 47

netlify Are you being servered? @philhawksworth SQUOOSH.APP REACTJS.ORG International JavaScript Conference, Munich 2019

Slide 48

Slide 48

Slide 49

Slide 49

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 50

Slide 50

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PHILIP GOT COCKY

Slide 51

Slide 51

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SOME PEOPLE ON THE INTERNET NOTICED

Slide 52

Slide 52

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 😳

Slide 53

Slide 53

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 54

Slide 54

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 55

Slide 55

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 56

Slide 56

netlify Are you being servered? @philhawksworth FINDTHAT.AT/TIME https://setyourwatchby.netlify.com International JavaScript Conference, Munich 2019

Slide 57

Slide 57

netlify Are you being servered? @philhawksworth FINDTHAT.AT/TIME https://setyourwatchby.netlify.com International JavaScript Conference, Munich 2019

Slide 58

Slide 58

netlify Are you being servered? @philhawksworth FINDTHAT.AT/TIME https://setyourwatchby.netlify.com International JavaScript Conference, Munich 2019

Slide 59

Slide 59

netlify Are you being servered? @philhawksworth FINDTHAT.AT/TIME https://setyourwatchby.netlify.com International JavaScript Conference, Munich 2019

Slide 60

Slide 60

netlify Are you being servered? WEBTASK.IO @philhawksworth International JavaScript Conference, Munich 2019

Slide 61

Slide 61

netlify Are you being servered? WEBTASK.IO @philhawksworth International JavaScript Conference, Munich 2019

Slide 62

Slide 62

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 ( DON’T DO THIS )

Slide 63

Slide 63

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 a r t s u l il … t n i o p a g tin VERY LOW DEPLOYMENT FRICTION

Slide 64

Slide 64

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 a r t s u l il … t n i o p a g tin EVENTS AND AUTOMATION

Slide 65

Slide 65

netlify Are you being servered? @philhawksworth a International JavaScript Conference, Munich 2019 t a k o o l k c i u q TWO PRINCIPLES

Slide 66

Slide 66

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PRE-RENDERING

Slide 67

Slide 67

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PRE-RENDERING SERVERLESS RENDERING

Slide 68

Slide 68

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 r o f s e v i t o m PRE-RENDERING

Slide 69

Slide 69

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 DOING THE WORK NOW, SO YOUR SERVERS DON’T HAVE TO LATER

Slide 70

Slide 70

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PUT DISTANCE BETWEEN THE COMPLEXITY AND THE USER

Slide 71

Slide 71

netlify Are you being servered? l a n o i it d a r t k c a t s m ja @philhawksworth CDN International JavaScript Conference, Munich 2019 LOAD BALANCER WEB SERVERS DB SERVERS

Slide 72

Slide 72

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 k c a t s m ja REQUEST TIME BULD TIME DEPLOYMENT BUILD

Slide 73

Slide 73

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 JAMSTACK ADVANTAGES SECURITY PERFORMANCE SCALE

Slide 74

Slide 74

netlify Are you being servered? l a n o i it d a r t k c a t s m ja @philhawksworth CDN International JavaScript Conference, Munich 2019 LOAD BALANCER WEB SERVERS DB SERVERS

Slide 75

Slide 75

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SECURITY

Slide 76

Slide 76

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 A GREATLY REDUCED SURFACE AREA

Slide 77

Slide 77

netlify Are you being servered? l a n o i it d a r t k c a t s m ja @philhawksworth CDN International JavaScript Conference, Munich 2019 LOAD BALANCER WEB SERVERS DB SERVERS

Slide 78

Slide 78

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 FAR FEWER MOVING PARTS TO ATTACK

Slide 79

Slide 79

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PERFORMANCE

Slide 80

Slide 80

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 TRADITIONAL STACKS ADD STATIC LAYERS IN ORDER TO IMPROVE PERFORMANCE

Slide 81

Slide 81

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 CACHING GALORE

Slide 82

Slide 82

netlify Are you being servered? l a n o i it d a r t k c a t s m ja @philhawksworth CDN International JavaScript Conference, Munich 2019 LOAD BALANCER WEB SERVERS DB SERVERS

Slide 83

Slide 83

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SCALE

Slide 84

Slide 84

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 TRADITIONAL STACKS ADD INFRASTRUCTURE IN ORDER TO SCALE

Slide 85

Slide 85

netlify Are you being servered? l a n o i it d a r t k c a t s m ja @philhawksworth CDN International JavaScript Conference, Munich 2019 LOAD BALANCER WEB SERVERS DB SERVERS

Slide 86

Slide 86

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 DECOUPLING

Slide 87

Slide 87

netlify Are you being servered? GET TO THE CHOPPER CDN @philhawksworth International JavaScript Conference, Munich 2019

Slide 88

Slide 88

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 89

Slide 89

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PRE-RENDERING SERVERLESS RENDERING

Slide 90

Slide 90

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PRE-RENDERING SERVERLESS RENDERING

Slide 91

Slide 91

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 k c a t s m a j A modern architecture — Create fast and secure sites and dynamic apps with JavaScript, APIs, and pre-rendered Markup, served without web servers

Slide 92

Slide 92

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 I ABSOLUTELY POSITIVELY NEED A LITTLE LOGIC ON A SERVER MANY OF US, SOMETIMES

Slide 93

Slide 93

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SERVERLESS TO THE RESCUE

Slide 94

Slide 94

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 LET’S JUST RECREATE EVERYTHING IN SERVERLESS FUNCTIONS THAT VOICE OF TEMPATION

Slide 95

Slide 95

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 e e r f FROM INFRASTRUCTURE e e r f t o n t bu FROM DYNAMIC LOGIC

Slide 96

Slide 96

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 AUGMENTATION

Slide 97

Slide 97

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 ENHANCEMENT

Slide 98

Slide 98

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 STATIC FIRST MARKUS SCHORK, UNILEVER

Slide 99

Slide 99

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 AN EXAMPLE

Slide 100

Slide 100

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 AN EXAMPLE

Slide 101

Slide 101

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 AN EXAMPLE

Slide 102

Slide 102

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 AN EXAMPLE

Slide 103

Slide 103

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 VLOLLY.NET/LOLLY/3hmtt2r3b AN EXAMPLE

Slide 104

Slide 104

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 s t n e m e r i u q re

Slide 105

Slide 105

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PRE-GENERATED PAGES WITH REAL URLS (EVEN FOR THE USER GENERATED CONTENT) DATA STORED IN A DATABASE (BUT DON’T MAKE ME A DBA) INSTANT ACCESS TO NEW CONTENT (WITHOUT WAITING FOR A REBUILD)

Slide 106

Slide 106

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 s l o to

Slide 107

Slide 107

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PRE-GENERATED PAGES WITH REAL URLS ELEVENTY (EVEN FOR THE USER GENERATED CONTENT) DATA STORED IN A DATABASE FAUNADB (BUT DON’T MAKE ME A DBA) INSTANT ACCESS TO NEW CONTENT NETLIFY FUNCTIONS (WITHOUT WAITING FOR A REBUILD)

Slide 108

Slide 108

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 109

Slide 109

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 110

Slide 110

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 const faunadb = require(‘faunadb’); const q = faunadb.query; const client = new faunadb.Client({ secret: process.env.FAUNADB_SERVER_SECRET }); module.exports = () “=> { return new Promise((resolve, reject) “=> { client.query( q.Paginate(q.Match(q.Ref(“indexes/all_lollies”))) ).then((response) “=> { const lollies = response.data; const getAllDataQuery = lollies.map((ref) “=> { return q.Get(ref); }); return client.query(getAllDataQuery).then((ret) “=> { resolve(ret); }); }).catch((error) “=> { reject(error); }); }) } Authenticate with the DB query for all d n a . .. s ie l l o l e h t their data resolve the s ie l l o l f o e is m pro s r o r r e y n a h c cat

Slide 111

Slide 111

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 112

Slide 112

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 113

Slide 113

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 114

Slide 114

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 115

Slide 115

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 116

Slide 116

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 404

Slide 117

Slide 117

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 TRIGGERS AND AUTOMATION

Slide 118

Slide 118

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 AN EXAMPLE

Slide 119

Slide 119

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 120

Slide 120

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 const faunadb = require(‘faunadb’); const shortid = require(‘shortid’); const querystring = require(‘querystring’); const axios = require(‘axios’); const q = faunadb.query const client = new faunadb.Client({ secret: process.env.FAUNADB_SERVER_SECRET }) exports.handler = (event, context, callback) “=> { const data = querystring.parse(event.body); const uniquePath = shortid.generate(); data.lollyPath = uniquePath; const lolly = { data: data }; client.query(q.Create(q.Ref(‘classes/lollies’), lolly)) .then((response) “=> { axios.post(‘https:”//api.netlify.com/build_hooks/5d46fa20da4a1b70047f2f04’) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); return callback(null, { body: JSON.stringify(response), statusCode: 302, headers: { Location: /lolly/${uniquePath}, } }); }).catch((error) “=> { return callback(null, { statusCode: 400, body: JSON.stringify(error) }); }); } Authenticate with the DB Post the data rebuild Send the user To check the freezer FOR A LOLLY

Slide 121

Slide 121

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 “CHECK THE FREEZER”? WUT???!? ALL OF YOU, POSSIBLY

Slide 122

Slide 122

netlify Are you being servered? CHECK FOR A PRE-GENERATED LOLLY PAGE @philhawksworth 200 International JavaScript Conference, Munich 2019 SERVE THE STATIC PAGE 404 RENDER A DYNAMIC VIEW

Slide 123

Slide 123

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 124

Slide 124

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 125

Slide 125

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 const faunadb = require(‘faunadb’); const pageTemplate = require(‘./lollyTemplate.js’); const q = faunadb.query; const client = new faunadb.Client({ secret: process.env.FAUNADB_SERVER_SECRET }); exports.handler = (event, context, callback) “=> { const path = event.queryStringParameters.id.replace(“/”, “”); client.query( q.Get(q.Match(q.Index(“lolly_by_path”), path)) ).then((response) “=> { return callback(null, { statusCode: 200, body: pageTemplate(response.data) }); }).catch((error) “=> { return callback(null, { body: JSON.stringify(error), statusCode: 301, headers: { Location: /melted/index.html, } }); }); } Get page as a javascript l a r e it l e t a l p tem Authenticate with the DB Get the lolly data w ie v y l l o l e v r e S k a e r B . y l l o L o N the bad news

Slide 126

Slide 126

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 127

Slide 127

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 128

Slide 128

netlify Are you being servered? a @philhawksworth International JavaScript Conference, Munich 2019 ? o m e d k c i qu

Slide 129

Slide 129

netlify Are you being servered? @philhawksworth FINDTHAT.AT/LOLLYTRICKS International JavaScript Conference, Munich 2019 https://css-tricks.com/static-first-pre-generated-jamstack-sites-with-serverless-rendering-as-a-fallback/

Slide 130

Slide 130

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 s r e l b a en

Slide 131

Slide 131

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 CUSTOM 404 ROUTING

Slide 132

Slide 132

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 [[redirects]] from = “/lolly”/*” to = “/.netlify/functions/showLolly?id=:splat” status = 302 force = “false”

Slide 133

Slide 133

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 EVENTS, TRIGGERS AND AUTOMATION

Slide 134

Slide 134

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 DATABASE AS A SERVICE

Slide 135

Slide 135

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 FUNCTIONS AS A SERVICE

Slide 136

Slide 136

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 PRE-RENDERING SERVERLESS RENDERING

Slide 137

Slide 137

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 A SHIFT

Slide 138

Slide 138

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 m o r f SEEKING TO OPTIMIZE BY ADDING STATIC LAYERS

Slide 139

Slide 139

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 to STATIC FIRST ENHANCING IF REQUIRED

Slide 140

Slide 140

netlify Are you being servered? l a n o i it d a r t k c a t s m ja @philhawksworth CDN International JavaScript Conference, Munich 2019 LOAD BALANCER WEB SERVERS DB SERVERS

Slide 141

Slide 141

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SIMPLIFYING IS NOT DUMBING DOWN

Slide 142

Slide 142

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SIMPLIFYING IS NOT DUMBING DOWN IT LETS US FOCUS ON WHAT REALLY IS IMPORTANT

Slide 143

Slide 143

netlify Are you being servered? @philhawksworth EASIER TO REASON ABOUT International JavaScript Conference, Munich 2019

Slide 144

Slide 144

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 WHAT SHALL WE MAKE?

Slide 145

Slide 145

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019

Slide 146

Slide 146

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 STATIC SITE GENERATORS staticgen.com NETLIFY www.netlify.com STATIC VARIOUS RELATED RESOURCES FROM CHRIS COYIER https://serverless.css-tricks.com/ CITRIX PRESENTATION FROM JAMSTACKCONF NYC youtube.com/watch?v=kvS5h5domf0

Slide 147

Slide 147

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 JAMSTACK CONFERENCE jamstackconf.com HEADLESS / DECOUPLED CMS headlesscms.org STATIC ABOUT THE JAMSTACK / COMMUNITY jamstack.org BUILDING A URL SHORTENER WITH NETLIFY REDIRECTS findthat.at

Slide 148

Slide 148

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 SO I GUESS WE’RE FULL STACK NOW? https://www.youtube.com/watch?v=lFOfQsi5ye0 MODERN WEB DEVELOPMENT ON THE JAMSTACK netlify.com/oreilly-jamstack/ JAMSTACK SLACK jamstack.org/slack JAMSTACK COMMENTS EXAMPLE jamstack-comments.netlify.com STATIC

Slide 149

Slide 149

netlify Are you being servered? @philhawksworth International JavaScript Conference, Munich 2019 STATIC JAMSTACK SLACK jamstack.org/slack

Slide 150

Slide 150

FINDTHAT.AT / SERVERED THANKS @PHILHAWKSWORTH