Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Lift and Shift WordPress to the Jamstack

Lift and Shift WordPress to the Jamstack


Daniel Olson

March 01, 2020


  1. Lift and Shift WordPress to the Jamstack ⚡ Lightning Talk

    Daniel Olson @emaildano mytalk.rocks danielolson.me/wcmia2020
  2. Agenda of this talk whomi? What’s the Jamstack? What’s it

    for? When does this it apply? Jamstack WordPress Examples!
  3. $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
  4. Why am I qualified to talk about the Jamstack?

  5. 2016 Philadelphia

  6. None
  7. None
  8. None
  9. 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.
  10. Jamstack?

  11. Jamstack ❤ WordPress

  12. 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.
  13. 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
  14. JavaScript APIs Markup Stack Linux Apache MySQL PHP Stack

  15. Monolithic

  16. Monolithic Search Comments Forms Authentication e-commerce Database Database

  17. JAMstack JavaScript API API API

  18. JAMstack JAMstack React JavaScript API API API

  19. JAMstack JAMstack AWS Cognito Authentication API API React JavaScript

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

  21. JAMstack JAMstack Algolia Search Stripe e-commerce AWS Cognito Authentication React

  22. JAMstack JAMstack JavaScript Auth API Payment API Search API

  23. None
  24. None
  25. Hot take Misconceptions about Static WordPress

  26. Like a caching plugin? No no no nonooo non onoonon

    no no Nono nooooooooooono nooooop nooope nooppeee
  27. 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.
  28. Is it headless? No, but it can be. Use WordPress

    as an API!
  29. What does Jamstack WordPress look like in practice?

  30. WordPress offers Comments Search E-commerce Cron / Scheduled posts And

    more :)
  31. WordPress Search WP Serverless Search

  32. WP Serverless Search Created for Shifter Available as open source

    - WP Serverless Search - WP Serverless Forms - WP Serverless API - what’s next?
  33. Demo Time!

  34. None