WordPress Pittsburgh - The Future of WordPress as a Headless CMS

JAMstack is growing in popularity as a faster, more secure option than a traditional CMS like WordPress. However, WordPress is still a powerful tool for creating and managing content and can serve as the backend for a modern application. In this session, you’ll learn what JAMstack is, why many consider it the future of the web, and how WordPress fits into a modern web application architecture.

Transcript

1. The Future of WordPress as a Headless CMS WordPress Pittsburgh Virtual Mega Meetup 2020 @mikehale #OnlineWPMeetup
2. Mike Hale @ketoontherocks @mikehale mikehale.me SiteGround Brand Ambassador Stompgear Digital Marketing
6. What is a Content Management System (CMS)? A software application that can be used to manage the creation, modification, and distribution of digital content.
7. You've got to go forwards to go back, better press on.
8. Coupled Single application to create, manage, and display content.
9. De-Coupled Back-end and front-end are managed separately.
10. Headless Doesn’t have a front-end or a presentation layer.
11. Headless CMS Platforms Ghost Strapi Contentful Sanity Agility Butter CMS Prismic Statamic Zesty GraphCMS
12. JAMstack J - Javascript A - API M - Markup
13. JAMstack is the Future - Funding • Gatsby - $46M • Netlify - $97m • Strattic - $6.5M • Frontity - €1.4M
14. Static Site Generators Gatsby Next.js Gridsome Nuxt.js 11ty Hugo Jekyll Scully Sculpin Sapper
15. When to Use • Content for a Mobile App • Power a static Microsite • Interact with a JavaScript UI • Large, publisher sites
16. Advantages of Using JAMstack • Flexibility & Control • Multi-channel publishing • Reliability • Low Maintenance
17. Speed
18. Serve Static Files HTML JavaScript CSS Images Static Assets
19. Scalability
20. Leverage CDN Availability Location Based (Edge) No PHP, MySQL
21. Security
22. 700,000 WordPress Users Affected by Zero-Day Vulnerability Hackers are exploiting a critical flaw affecting 350,000 WordPress sites Zero-Day Flaw in WordPress Plugin Leaves 1.7M Users at Risk
23. Trade-Offs Search eCommerce Forms Comments Memberships
24. Using WordPress as a Headless CMS
25. DIY - Technical Skills or Developer Needed
26. Hosted - No technical skills
29. gatsby-starter-wordpress
30. GraphQL Approach - Install WordPress GraphQL Plugins WPGraphQL WPGatsby WPGraphiQL
31. gatsby-source-wordpress-experimental
32. GraphQL Approach - Pages, Posts, Navigation gatsby new wordpress-gatsby https://github.com/TylerBarnes/using-gatsby-source-wordpress-experimental yarn add gatsby-source-graphql gatsby-config.js: resolve: `gatsby-source-wordpress-experimental`, options: { url: `https://coffeeketosis-dev.local/graphql` … }
33. GraphQL Approach - Pages, Posts, Navigation Create page and post templates Create static posts and pages with the createPages API Add Navigation Image Handling Pagination Styling Support Block Styles Deployment
35. Learn More - Helpful Links https://css-tricks.com/creating-a-gatsby-site-with-wordpress-data/ https://torquemag.io/2020/07/how-to-begin-your-journey-developing-headless-wordpress-sites/ https://www.sitepoint.com/learn-JAMstack/ https://www.gatsbyjs.com/blog/2020-07-07-wordpress-source-beta/ https://snipcart.com/blog/wordpress-static-site-generator https://speckyboy.com/when-does-using-headless-wordpress-make-sense/ https://bolajiayodeji.com/introduction-to-headless-content-management-systems
36. Mike Hale @ketoontherocks @mikehale mikehale.me SiteGround Brand Ambassador Stompgear Digital Marketing