The Future Of WordPress as a Headless CMS - WordCamp Minneapolis

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 in to a modern web application architecture. #WCMPS

Transcript

1. The Future of WordPress as a Headless CMS WordCamp Minneapolis 2020 @mikehale #WCMSP
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. JAMstack J - Javascript A - API M - Markup
12. Advantages of Using JAMstack • Flexibility & Control • Multi-channel publishing • Security • Speed • Reliability • Low Maintenance
13. Trade-Offs • Comments • Contact Forms • Search • eCommerce • Toolset Learning Curve
14. When to Use • Content for a Mobile App • Power a static Microsite • Interact with a JavaScript UI • Large, publisher sites
15. JAMstack is the Future - Funding • Gatsby - $46M • Netlify - $97m • Strattic - $6.5M • Frontity - €1.4M
16. Using WordPress as a Headless CMS
18. gatsby-starter-wordpress
19. GraphQL Approach - Install WordPress GraphQL Plugins WPGraphQL WPGatsby WPGraphiQL
20. GraphQL Approach - Setup & Configure Gatsby gatsby-starter-default gatsby-source-graphql
21. 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
22. Tools That Do It For You
24. 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
25. STAY TUNED!!! How We Can Make WordPress Better for the JAMstack Zac Gordon
26. Mike Hale @ketoontherocks @mikehale mikehale.me SiteGround Brand Ambassador Stompgear Digital Marketing