Tweet
Tweet

Slide 1

Slide 1 text

Lift and Shift WordPress to the Jamstack ⚡ Lightning Talk Daniel Olson @emaildano mytalk.rocks danielolson.me/wcmia2020

Slide 2

Slide 2 text

Agenda of this talk whomi? What’s the Jamstack? What’s it for? When does this it apply? Jamstack WordPress Examples!

Slide 3

Slide 3 text

$whoami I’m a web developer, AWS Super-fan, Jamstack advocate, & design thinking enthusiast. Daniel Olson @emaildano Amélie she/her dog/queen Me he/him human/bot

Slide 4

Slide 4 text

Why am I qualified to talk about the Jamstack?

Slide 5

Slide 5 text

2016 Philadelphia

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Creating Shifter, what were we trying to solve? 1. We want a more secure WordPress. 2. We want to scale WordPress. 3. We want WordPress to perform under stress. 4. We want to makes this accessible to everyone.

Slide 10

Slide 10 text

Jamstack?

Slide 11

Slide 11 text

Jamstack ❤ WordPress

Slide 12

Slide 12 text

Static WordPress Caveats Out of the box, you lose features. But it solves a few of the problems entire industries are built on. To fill those feature gaps, we look to the Jamstack.

Slide 13

Slide 13 text

What is the Jamstack? JavaScript, APIs, & Markup The Jamstack is not about specific technologies. (except JavaScript ) In my opinion, it's an approach, guide, and framework to which we can follow for building the modern web, including WordPress. The Toyota Way

Slide 14

Slide 14 text

JavaScript APIs Markup Stack Linux Apache MySQL PHP Stack

Slide 15

Slide 15 text

Monolithic

Slide 16

Slide 16 text

Monolithic Search Comments Forms Authentication e-commerce Database Database

Slide 17

Slide 17 text

JAMstack JavaScript API API API

Slide 18

Slide 18 text

JAMstack JAMstack React JavaScript API API API

Slide 19

Slide 19 text

JAMstack JAMstack AWS Cognito Authentication API API React JavaScript

Slide 20

Slide 20 text

JAMstack JAMstack API AWS Cognito Authentication React JavaScript Stripe e-commerce

Slide 21

Slide 21 text

JAMstack JAMstack Algolia Search Stripe e-commerce AWS Cognito Authentication React JavaScript

Slide 22

Slide 22 text

JAMstack JAMstack JavaScript Auth API Payment API Search API

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Hot take Misconceptions about Static WordPress

Slide 26

Slide 26 text

Like a caching plugin? No no no nonooo non onoonon no no Nono nooooooooooono nooooop nooope nooppeee

Slide 27

Slide 27 text

Cache ≠ Static 1.Cache can be invalidated. 2.Invalid cache === no cache at all. 3.Static is always.. static. 4.Static can also be cached.

Slide 28

Slide 28 text

Is it headless? No, but it can be. Use WordPress as an API!

Slide 29

Slide 29 text

What does Jamstack WordPress look like in practice?

Slide 30

Slide 30 text

WordPress offers Comments Search E-commerce Cron / Scheduled posts And more :)

Slide 31

Slide 31 text

WordPress Search WP Serverless Search

Slide 32

Slide 32 text

WP Serverless Search Created for Shifter Available as open source - WP Serverless Search - WP Serverless Forms - WP Serverless API - what’s next?

Slide 33

Slide 33 text

Demo Time!

Slide 34

Slide 34 text

No content