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

WordPress Pittsburgh - The Future of WordPress as a Headless CMS

Bc82b8e41914234911a0560bb0740dc1?s=47 Mike Hale
November 14, 2020

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.


Mike Hale

November 14, 2020


  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

  3. None
  4. None
  5. None
  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

  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

  27. None
  28. None
  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
  34. None
  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