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

How We Can Make WordPress Better for the JAMstack

Zac Gordon
August 21, 2020

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.

Zac Gordon

August 21, 2020
Tweet

More Decks by Zac Gordon

Other Decks in Technology

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