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

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.
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.