Slide 1

Slide 1 text

#3*/(+".45"$, 505)&803%13&44$0..6/*5: 8PSE$BNQ4JOHBQPSF 4FJKJ"LBUTVLB
 "VHVTUUI 

Slide 2

Slide 2 text

W H O A M I ? amimoto-ami.com getshifter.io - D I G I TA L C U B E C U S T O M E R S U C C E S S M A N A G E R - W O R D C A M P T O K Y O 2 0 1 9 M E M B E R S E I J I A K AT S U K A T W I T T E R @ S E I J I A K AT S U K A

Slide 3

Slide 3 text

1.Why do I want to recommend JAMstack for WordPress? 2.How can we bring JAMstack to WordPress? 3.What changes can JAMstack make for WordPress? AGENDA

Slide 4

Slide 4 text

1 W H Y D O I WA N T T O R E C O M M E N D I T ?

Slide 5

Slide 5 text

• Improve user experiences • Scale sites infinitely and meet any traffic demands • No need to worry about security vulnerabilities • No more conflicted workflow JAMSTACK IS AN ARCHITECTURE

Slide 6

Slide 6 text

J U S T B E C A U S E M U C H B E T T E R U S E R E X P E R I E N C E S • Better Performance • Cheaper, Easier Scaling • Higher Security • Better Developer Experience

Slide 7

Slide 7 text

ELEMENTS OF JAMSTACK WORDPRESS +".TUBDL 1&01-& 8PSE1SFTT

Slide 8

Slide 8 text

• JavaScript
 
 • APIs
 
 • Markup WHAT’S THE JAM IN THE STACK? Any dynamic programming during the request/ response cycle is handled by JavaScript, running entirely on the client. This could be any frontend framework, library, or even vanilla JavaScript. All server-side processes or database actions are abstracted into reusable APIs, accessed over HTTPS with JavaScript. These can be custom-built or leverage third-party services. Templated markup should be prebuilt at deploy time, usually using a site generator for content sites, or a build tool for web apps.

Slide 9

Slide 9 text

TO BRING JAMSTACK TO WORDPRESS #BTJD8PSE1SFTT +".TUBDL8PSE1SFTT

Slide 10

Slide 10 text

• Hosted on Content Delivery Network • All code in Git • Build tools to automate builds • Use atomic deploying • Instant cache purge BASIC ARCHITECTURE

Slide 11

Slide 11 text

JAMSTACK WEB SITE FITS THESE USE CASES $PNQBOZTJUF $BUBMPH &WFOU -BOEJOHQBHF +PC

Slide 12

Slide 12 text

JAMSTAK FOR AUTHOR w#FUUFS1FSGPSNBODF w$IFBQFS &BTJFS4DBMJOH w)JHIFS4FDVSJUZ w#FUUFS%FWFMPQFS &YQFSJFODF w-JWFJOXFCBQQT w'PDVTPODSFBUJOHCFUUFS DPOUFOUT w/FFE$.4GPSCFUUFS DPMMBCPSBUJPO %FWFMPQFS "VUIPS

Slide 13

Slide 13 text

A BRIDGE OVER THE GREAT DIVIDE w8PSE1SFTTEBTICPBSE w$POUFOU.BOBHFNFOU 4ZTUFN w1MVHJOT w.VMUJOBUJPOBMMBOHBHFT

Slide 14

Slide 14 text

POWER FOR AUTHOR

Slide 15

Slide 15 text

2 H O W C A N W E B R I N G J A M S TA C K T O W O R D P R E S S ?

Slide 16

Slide 16 text

WORDPRESS PLUGINS w814UBUJD w4*.1-:45"5*$ w+".TUBDL%FQMPZNFOUT w%FQMPZ/FUMJGZ8FCIPPL wOFUMJGZEFQMPZ wMJUUMFCPUOFUMJGZ

Slide 17

Slide 17 text

HEADLESS WORDPRESS AND STATIC SITE GENERATOR WordPress Build Deploy •Dashbord •Content Management System •Plugins •Community •Favorite Static Site Generator •Favorite Static Hosting •Only use CLI GraphQL REST API

Slide 18

Slide 18 text

ALL IN ONE HOSTING SERVICE • Shifter
 https://www.getshifter.io/
 • strattic
 https://www.strattic.com/


Slide 19

Slide 19 text

3 W H AT C H A N G E S C A N J A M S TA C K M A K E S F O R W O R D P R E S S ?

Slide 20

Slide 20 text

THE BIGGEST CHANGE FOR WORDPRESS w1)1EPFTOPUXPSLPO+".TUBDLFOWJSPONFOU w'PSN w$POUBDU'PSN 814FSWFSMFTT'PSNT w'PSNTQSFF w#BTJO w4FBSDI w814FSWFSMFTT4FBSDI w(PPHMF$VTUPN4FBSDI w"MHPMJB w$PNNFOUT w&DPNNFSDF

Slide 21

Slide 21 text

Why: JAMstack provide us much better user experience. 
 How: There are many ways to bring JAMstack to WordPress. 
 What: JAMstack refocus the server side dynamic rendering to client side dynamic rendering via JavaScript and APIs. CONCLUSION

Slide 22

Slide 22 text

-FU`TCSJOH+".TUBDL
 UP8PSE1SFTTDPNNVOJUZ UPNBLFBMMPGPVSGSJFOETIBQQZ 5IBOLT