React and the JAMstack - Reactathon Fundamentals 2018

Slide 1

Slide 1 text

React and the JAMstack Matt Biilmann, 2018

Slide 2

Slide 2 text

Matt Biilmann CEO, Netlify

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Building thousands of websites 7 years in Spain, 2 CMSs, 10k+ websites

Slide 5

Slide 5 text

Building a fully hosted CMS Moved to the Bay Area, built a managed CMS for the legacy stack

Slide 6

Slide 6 text

Trends: Git, MicroServices, JS Modern Javascript (ES6) Microservices Git vs FTP ReactJS

Slide 7

Slide 7 text

For the last 15 years the web has been built on the fly, causing ever increasing issue with: Security 7% of all legacy sites hacked Performance Single origin, builds for every visitor, low conversion Scalability Infrastructure needs scaling up front The Web Needs a Paradigm Shift

Slide 8

Slide 8 text

The Evolution of the Web Unix Model Legacy Web (The site needs to be built EVERY time it’s served) Modern Web ~1970-1997 ~1997-Today Now CLIENT WEB SERVER APP SERVER DATABASE CLIENT SERVER CLIENT CDN SERVICES

Slide 9

Slide 9 text

= A New Stack Decoupled Architecture Git Centric Workflow A Better Web + 10x Faster No more malware Inﬁnitely scalable Browser CDN Build Tool Services Git Continuous Delivery CDN

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

A New Stack React CDN Webpack

Slide 12

Slide 12 text

A New Stack React CDN / Gateway Webpack

Slide 13

Slide 13 text

Live Demo

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Wordpress Shopify Rails Kirby Magazine Shop Job Board Conference

Slide 16

Slide 16 text

Wordpress Shopify Rails Kirby Magazine Shop Job Board Conference Memberships ?????

Slide 17

Slide 17 text

Browser Front-end / Preact Hugo + Webpack GitHub Netlify CMS (React) A Smashing Architecture Microservices / Lamba

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Let’s Continue The Talk! #JAMstack jamstack.org gitter.im/jamstack/community @biilmann