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

Shifter オンラインミートアップ ザ・ホワイトベルト!

Shifter オンラインミートアップ ザ・ホワイトベルト!

77ea5053277016d84181992646105c5b?s=128

Daniel Olson

April 08, 2020
Tweet

Transcript

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

    WP Serverless Forms Daniel Olson @emaildano
  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. In 2016, in Philadelphia, Shifter launched. I was there.

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

  10. Jamstack ❤ WordPress

  11. 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.
  12. 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
  13. The JAMstack is exhausting. Let’s make it simple.

  14. What does Jamstack WordPress look like in practice?

  15. WordPress offers Comments Search E-commerce Contact Forms Cron / Scheduled

    posts And more :)
  16. Contact Forms WP Serverless Forms

  17. WP Serverless Forms Created for Shifter Available as open source

    It sends form submission to an API endpoint. For static and non-static WordPress websites.
  18. WP Serverless Forms How-to: 1: It’s available in the WordPress

    Plugin directory or on GitHub.
  19. WP Serverless Forms How-to: 2: It works with WP Forms,

    Gravity Forms, and Contact Form 7. What’s next?
  20. WP Serverless Forms How-to: 3: Create an API endpoint for

    your form. Let’s use Formspree.
  21. WP Serverless Forms How-to: 3: Formspree pricing starts at free,

    great for testing! Account and email verification is required.
  22. WP Serverless Forms How-to: 4: Get your form endpoint. After

    verification you’ll receive your form ID.
  23. WP Serverless Forms How-to: 5: Add your form endpoint to

    WordPress. This is the options page.
  24. WP Serverless Forms How-to: 6: Add your redirect page. This

    can be any page within your WordPress site or public on the internet.
  25. None