How We Can Make WordPress Better for the JAMstack

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.

De0a01122ca4a619004332ab04431b7b?s=128

Zac Gordon

August 21, 2020
Tweet

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?