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.

Transcript

1. Developing with WordPress, The JAMstack Way. Daniel Olson @emaildano
2. Daniel Olson Chief Operating Officer
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
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
32. JavaScript
33. JavaScript ✅ APIs
34. JavaScript ✅ APIs ✅
35. gutenbergcloud.com
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
56. wesbos.com/learn-javascript/
57. javascriptforwp.com/
58. Your very own WordPress Meetup Group