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
   

   View Slide

2. ZAC GORDON
   Educator at
   JavaScript for WordPress
   Community Builder for
   Headless WordPress at
   Strattic
   @zgordon
   

   View Slide

3. JAMstack vs
   Headless vs
   Serverless vs
   Static vs
   

   View Slide

4. Why Go JAMstack with WordPress?
   Speed, Scalability & Security
   

   View Slide

5. Three
   Main Options
   for Headless
   WordPress in
   2020
   

   View Slide

6. Code it Yourself
   - Frontity
   - Gatsby
   #1 JAMStack Options Today
   

   View Slide

7. DIY Plugins
   - WP2Static
   #2 JAMStack Options Today
   

   View Slide

8. Hosted Solutions
   - Strattic
   - Shifter
   - HardyPress
   #3 JAMStack Options Today
   

   View Slide

9. Code Yourself
   & DIY Options
   Hosted Solutions
   Who Can Use These?
   

   View Slide

10. Code Yourself & DIY Options
    Require deep technical skills
    Who Can Use These?
    

    View Slide

11. Hosted JAMstack Solutions
    Require nearly ZERO technical skills
    Who Can Use These?
    

    View Slide

12. SOLUTION #1
    Learn more JavaScript &
    Serverless Hosting Architecture
    

    View Slide

13. A Closer Look at
    Code It Yourself
    Solutions
    

    View Slide

14. A Closer Look at Code It Yourself Solutions
    

    View Slide

15. A Closer Look at Code It Yourself Solutions
    ???
    

    View Slide

16. A Closer Look at Code It Yourself Solutions
    ???
    WordPress Site Stay Online
    Custom JavaScript & PHP Code
    REQUIRES:
    

    View Slide

17. SOLUTION #2
    Plugins with REST API &
    WPGraphQL Endpoints Help A LOT!!!
    EXAMPLES
    

    View Slide

18. A Closer Look at Code It Yourself Solutions
    Gutenberg Blocks
    Forms
    Maps
    Calendars
    How Do We Handle
    Frontend CSS & JS?
    EXAMPLES:
    

    View Slide

19. SOLUTION #3
    Build Your Plugins with
    NPM Modules that Headless
    Projects Can Use
    EXAMPLES
    

    View Slide

20. A Closer Look at
    Hosted Solutions
    

    View Slide

21. A Closer Look at Hosted Solutions
    Custom Solutions from the Host
    Custom Coding
    REQUIRES:
    

    View Slide

22. A Closer Look at Hosted Solutions
    Custom Solutions from the Host
    Third Party Databases
    REQUIRES:
    

    View Slide

23. SOLUTION #4
    Plugin and Theme Developers
    Should Be Working with JAMstack
    WordPress Hosting Solutions
    EXAMPLES
    

    View Slide

24. SOLUTION #5
    Consider Ways to SASSify
    Your Plugin Offerings
    (or integrate with 3rd party solutions)
    EXAMPLES
    

    View Slide

25. What's Good
    with JAMstack
    & WordPress
    in 2020?
    

    View Slide

26. WordPress powers 30% of the web.
    JAMstack could easily power 30%
    of all WordPress sites.
    #1 What's Good?
    

    View Slide

27. We have solid frameworks.
    #2 What's Good?
    

    View Slide

28. We have non-developer options.
    #3 What's Good?
    

    View Slide

29. 3rd party integrations
    keep coming.
    #4 What's Good?
    

    View Slide

30. JAMstack & WordPress
    is no longer fringe.
    #5 What's Good?
    

    View Slide