How We Can Make WordPress Better for the JAMstack

WordCamp Minneapolis 2020

JAMstack, Headless and Static WordPress sites and applications are not new. However, they have been evolving rapidly over the last few years. In this talk, JavaScript for WordPress educator, Zac Gordon, dives into the latest innovations and best practices around the JAMstack and WordPress. This includes a look at the the latest implementations, tools and resources. However, the JAMstack and WordPress still has it’s drawbacks and Zac will clearly lay out what you may lose out on when you venture down this path and suggestions of where the community can improve around the JAMstack and WordPress. This talk is meant for developers and site owners alike.

Transcript

1. How We Can Make WordPress Better for the JAMstack WITH ZAC GORDON
2. ZAC GORDON Educator at JavaScript for WordPress Community Builder for Headless WordPress at Strattic @zgordon
3. JAMstack vs Headless vs Serverless vs Static vs
4. Why Go JAMstack with WordPress? Speed, Scalability & Security
5. Three Main Options for Headless WordPress in 2020
6. Code it Yourself - Frontity - Gatsby #1 JAMStack Options Today
7. DIY Plugins - WP2Static #2 JAMStack Options Today
8. Hosted Solutions - Strattic - Shifter - HardyPress #3 JAMStack Options Today
9. Code Yourself & DIY Options Hosted Solutions Who Can Use These?
10. Code Yourself & DIY Options Require deep technical skills Who Can Use These?
11. Hosted JAMstack Solutions Require nearly ZERO technical skills Who Can Use These?
12. SOLUTION #1 Learn more JavaScript & Serverless Hosting Architecture
13. A Closer Look at Code It Yourself Solutions
14. A Closer Look at Code It Yourself Solutions
15. A Closer Look at Code It Yourself Solutions ???
16. A Closer Look at Code It Yourself Solutions ??? WordPress Site Stay Online Custom JavaScript & PHP Code REQUIRES:
17. SOLUTION #2 Plugins with REST API & WPGraphQL Endpoints Help A LOT!!! EXAMPLES
18. A Closer Look at Code It Yourself Solutions Gutenberg Blocks Forms Maps Calendars How Do We Handle Frontend CSS & JS? EXAMPLES:
19. SOLUTION #3 Build Your Plugins with NPM Modules that Headless Projects Can Use EXAMPLES
20. A Closer Look at Hosted Solutions
21. A Closer Look at Hosted Solutions Custom Solutions from the Host Custom Coding REQUIRES:
22. A Closer Look at Hosted Solutions Custom Solutions from the Host Third Party Databases REQUIRES:
23. SOLUTION #4 Plugin and Theme Developers Should Be Working with JAMstack WordPress Hosting Solutions EXAMPLES
24. SOLUTION #5 Consider Ways to SASSify Your Plugin Offerings (or integrate with 3rd party solutions) EXAMPLES
25. What's Good with JAMstack & WordPress in 2020?
26. WordPress powers 30% of the web. JAMstack could easily power 30% of all WordPress sites. #1 What's Good?
27. We have solid frameworks. #2 What's Good?
28. We have non-developer options. #3 What's Good?
29. 3rd party integrations keep coming. #4 What's Good?
30. JAMstack & WordPress is no longer fringe. #5 What's Good?