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

Developing with WordPress, the JAMstack way

Developing with WordPress, the JAMstack way

Let’s talk about the future of WordPress by starting with the past. Specifically, the challenge to learn JavaScript Deeply and why I believe it’s still our biggest opportunity.

We’ll also discuss the JAMstack, a modern web development approach using JavaScript, APIs, and Markup. It sounds new, but in fact, WordPress has been doing this since the first Gutenberg block!

Join me as I demonstrate using this approach with concepts related to Gutenberg, the WordPress REST API, the role of accessibility, voice as an interface, and more.

77ea5053277016d84181992646105c5b?s=128

Daniel Olson

August 10, 2019
Tweet

Transcript

  1. Developing with WordPress, The JAMstack Way. Daniel Olson @emaildano

  2. Daniel Olson Chief Operating Officer

  3. None
  4. Philadelphia, PA

  5. Developing with WordPress, The JAMstack Way. Daniel Olson @emaildano

  6. “ Let’s talk about the future of WordPress by starting

    with the past. Specifically, the challenge to
 learn JavaScript deeply.
  7. “ Learn JavaScript deeply.
 It’s the future of the web.


    — Mall Mullenweg, State of the Word, WordCamp US 2015
  8. None
  9. Why learn JavaScript, Deeply?

  10. A non-scientific WordPress History

  11. A non-scientific WordPress History Early Days 2003 ~ 2005
 Rise

    of the Blogging Platform
  12. A non-scientific WordPress History Early Days 2003 ~ 2005
 Rise

    of the Blogging Platform CMS Boom 2006 ~ 2014
 Themes, APIs, Customizer, Oh my!
  13. A non-scientific WordPress History Early Days 2003 ~ 2005
 Rise

    of the Blogging Platform CMS Boom 2006 ~ 2014
 Themes, APIs, Customizer, Oh my! 2015 ~ forever
 Learn JavaScript, Deeply
  14. A non-scientific WordPress History Early Days 2003 ~ 2005
 Rise

    of the Blogging Platform CMS Boom 2006 ~ 2014
 Themes, APIs, Customizer, Oh my! 2015 ~ forever
 Learn JavaScript, Deeply
  15. JAMstack?

  16. JavaScript APIs Markup Stack Linux Apache MySQL PHP Stack

  17. Monolithic

  18. Monolithic Search Comments Forms Authentication e-commerce Database Database

  19. JAMstack JavaScript API API API

  20. JAMstack JavaScript API API API

  21. JAMstack JAMstack React JavaScript API API API

  22. JAMstack JAMstack AWS Cognito Authentication API API React JavaScript

  23. JAMstack JAMstack API AWS Cognito Authentication React JavaScript Stripe e-commerce

  24. JAMstack JAMstack Algolia Search Stripe e-commerce AWS Cognito Authentication React

    JavaScript
  25. JAMstack JAMstack JavaScript API API API

  26. jamstack.org

  27. “ The JAMstack is not about specific technologies. It’s a

    new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.
  28. UX DX

  29. UX DX

  30. WordPress JAMstack

  31. None
  32. JavaScript

  33. JavaScript ✅ APIs

  34. JavaScript ✅ APIs ✅

  35. gutenbergcloud.com

  36. None
  37. None
  38. Most Search Plugins Database

  39. External Search API

  40. WordPress REST API

  41. WordPress REST API

  42. WP Serverless Search

  43. WP Serverless Search

  44. gatsbyjs.com

  45. gatsbyjs.com

  46. gatsbyjs.com

  47. getshifter.io

  48. WP Serverless Search

  49. Demo Time!

  50. https://agitated-brahmagupta5490.on.getshifter.io/

  51. What’s next?

  52. Hey, WordPress

  53. This page is intentionally left blank

  54. “Hey, WordPress. Create a Post” “Sure, what should I title

    it?” Hey, WordPress
  55. None
  56. wesbos.com/learn-javascript/

  57. javascriptforwp.com/

  58. Your very own WordPress Meetup Group

  59. None