SlideShare a Scribd company logo
WordPress As A Headless
CMS
@bronsonquick
Overview
@bronsonquick
● Who Am I?
● What Is A Headless CMS?
● How Does It Work?
● Why?
● Who Is Using It?
● Questions
● Thanks
Who Am I?
@bronsonquick
● Senior WordPress Developer
● Core Contributor
● Maintainer Of Chassis
● Occasional WordCamp Organiser - WordCamp Gold Coast & WordCamp Brisbane
● Massive Smashing Pumpkins Fan
● Vinyl Addict
● Guitar Fan
What Is A Headless CMS?
@bronsonquick
● A headless CMS is used only for data capture, storage, and delivery,
making it frontend agnostic. Its data can be displayed using any
frontend technology, whether in a browser, mobile application,
syndication, or elsewhere.
WordPress as a Headless CMS - Bronson Quick
Decoupling content management
@bronsonquick
● Developers are not locked into the templating engine provided
by the CMS. The CMS might be written in PHP, but developers
working in languages like JavaScript, Java, Ruby, and Swift can
use an API to retrieve, store and display data
Why WordPress?
@bronsonquick
● Without WordPress you’d have to create all this from scratch:
● Admin interface.
● User management and capabilities.
● DB structure.
● Server setup - WordPress will run on most web hosts!
● The existing content might already be in WordPress!
● Custom post types, taxonomies and custom meta.
● REST API
New Ways To Work
@bronsonquick
● An internal dev team might want to use React, Angular or Ember for the frontend.
● Content creators can still get to use a familiar UI to enter data.
● Extend the REST API Infrastructure with custom endpoints.
● Serve different content to different devices and platforms.
● You’ll still be writing WordPress code to serve the content in different views.
WordPress as a Headless CMS - Bronson Quick
How?
@bronsonquick
● Extend the REST API Infrastructure with custom endpoints.
● Install the WP REST API plugin.
● Add Authentication - Cookie based, OAuth or OAuth2.
● Write frontend or app code in your preferred language of choice.
WordPress as a Headless CMS - Bronson Quick
WordPress as a Headless CMS - Bronson Quick
WordPress as a Headless CMS - Bronson Quick
Change Your Workflow
@bronsonquick
● Work alongside companies with existing in-house developers
● Your JavaScript developer no longer needs to learn PHP
● Your PHP developer no longer needs to learn JavaScript
● You can hire highly skilled and focused frontend and backend developers
● Hire more sys ops people for scaling and new infrastructure
Who Is Using It?
@bronsonquick
ustwo.com
WordPress as a Headless CMS - Bronson Quick
https://nomadbase.io
www.npmjs.com
Questions? !
@bronsonquick
Thanks! "
@bronsonquick

More Related Content

What's hot (20)

PDF
Monitoring Kubernetes with Prometheus (Kubernetes Ireland, 2016)
Brian Brazil
 
PDF
OSM- An Introduction
Shilpin Pvt. Ltd.
 
PPTX
Designing and building Mule applications
MuleSoft
 
PPTX
HTML and Responsive Design
Mindy McAdams
 
PPTX
Sequelize
Tarek Raihan
 
PDF
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e Vídeo
Tiago Antônio da Silva
 
PDF
Kubernetes & helm 활용
SK Telecom
 
PPTX
Responsive Web Design | Website Designing
MSA Technosoft
 
PDF
Headless CMS
Erik Van de Water
 
PDF
ReactJS presentation
Thanh Tuong
 
PPTX
MuleSoft's Approach to Driving Customer Outcomes
MuleSoft
 
PDF
[Webinar] WSO2 Enterprise Integrator 7.1.0 Release
WSO2
 
PPTX
Web application architecture
Tejaswini Deshpande
 
PDF
IBM multi vendor service(MVS)_202102
jiyoungkim158
 
PPTX
MuleSoft Architecture Presentation
Rupesh Sinha
 
PDF
Tailwind CSS - KanpurJS
Naveen Kharwar
 
PPTX
Real Time Recommendations Using WebSockets and Redis - Ninad Divadkar, Inuit
Redis Labs
 
PPTX
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
PPTX
A PRESENTATION ON STRUTS & HIBERNATE
Tushar Choudhary
 
PPTX
Introduction Node.js
Erik van Appeldoorn
 
Monitoring Kubernetes with Prometheus (Kubernetes Ireland, 2016)
Brian Brazil
 
OSM- An Introduction
Shilpin Pvt. Ltd.
 
Designing and building Mule applications
MuleSoft
 
HTML and Responsive Design
Mindy McAdams
 
Sequelize
Tarek Raihan
 
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e Vídeo
Tiago Antônio da Silva
 
Kubernetes & helm 활용
SK Telecom
 
Responsive Web Design | Website Designing
MSA Technosoft
 
Headless CMS
Erik Van de Water
 
ReactJS presentation
Thanh Tuong
 
MuleSoft's Approach to Driving Customer Outcomes
MuleSoft
 
[Webinar] WSO2 Enterprise Integrator 7.1.0 Release
WSO2
 
Web application architecture
Tejaswini Deshpande
 
IBM multi vendor service(MVS)_202102
jiyoungkim158
 
MuleSoft Architecture Presentation
Rupesh Sinha
 
Tailwind CSS - KanpurJS
Naveen Kharwar
 
Real Time Recommendations Using WebSockets and Redis - Ninad Divadkar, Inuit
Redis Labs
 
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
A PRESENTATION ON STRUTS & HIBERNATE
Tushar Choudhary
 
Introduction Node.js
Erik van Appeldoorn
 

Similar to WordPress as a Headless CMS - Bronson Quick (20)

PDF
Talking to 25% of the web - In-depth report and analysis on the WordPress RES...
Stephane Beladaci
 
PPTX
Headless WordPress
Dhanendran Rajagopal
 
PDF
Headless cms architecture
Kevin Wenger
 
PDF
Using WordPress as a Headless CMS
Adam Rasheed
 
PDF
Ortus Solutions - Headless Content for the Win!
Ortus Solutions, Corp
 
PDF
Understanding Headless WordPress and Its Implications.pdf
1Solutions Pvt. Ltd.
 
PDF
Lose Your Head! Re-imagining WordPress's Role in Content Presentation
Jeremy Ward
 
PPTX
Next-Gen CMS Emerging Trends Shaping the Future of WordPress Development
Callum Cherry
 
PDF
Word press with react – implementing headless wordpress with reactjs converted
DaljeetSingh210
 
PDF
eMusic: WordPress in the Enterprise
Scott Taylor
 
PPTX
WordPress Rest API
Brian Layman
 
PDF
High Voltage - Building Static Sites With Wordpress-Managed Content
Nicolle Morton
 
PDF
How to create a WordPress not understanding WordPress, so more on the headles...
Krzysztof (Chris) Ozog
 
PDF
Guide To Implement Headless WordPress Using React
philipthomas428223
 
PDF
Headless WooCommerce - Harnessing the Power of Headless CMS with WooCommerce.pdf
Elsner Technologies Pvt. Ltd.
 
PPTX
A Conversation About the WordPress JSON REST API
HandsOnWP.com
 
PDF
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...
Shift Conference
 
PPTX
Understanding Headless WordPress A Comprehensive Guide
Callum Cherry
 
PDF
Headless CMS VS Traditional CMS.pdf
GlanceSys Information Technology Pvt. Ltd.
 
PPTX
The Future of Website Development: Trends and Technologies
Myware Pte Ltd
 
Talking to 25% of the web - In-depth report and analysis on the WordPress RES...
Stephane Beladaci
 
Headless WordPress
Dhanendran Rajagopal
 
Headless cms architecture
Kevin Wenger
 
Using WordPress as a Headless CMS
Adam Rasheed
 
Ortus Solutions - Headless Content for the Win!
Ortus Solutions, Corp
 
Understanding Headless WordPress and Its Implications.pdf
1Solutions Pvt. Ltd.
 
Lose Your Head! Re-imagining WordPress's Role in Content Presentation
Jeremy Ward
 
Next-Gen CMS Emerging Trends Shaping the Future of WordPress Development
Callum Cherry
 
Word press with react – implementing headless wordpress with reactjs converted
DaljeetSingh210
 
eMusic: WordPress in the Enterprise
Scott Taylor
 
WordPress Rest API
Brian Layman
 
High Voltage - Building Static Sites With Wordpress-Managed Content
Nicolle Morton
 
How to create a WordPress not understanding WordPress, so more on the headles...
Krzysztof (Chris) Ozog
 
Guide To Implement Headless WordPress Using React
philipthomas428223
 
Headless WooCommerce - Harnessing the Power of Headless CMS with WooCommerce.pdf
Elsner Technologies Pvt. Ltd.
 
A Conversation About the WordPress JSON REST API
HandsOnWP.com
 
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...
Shift Conference
 
Understanding Headless WordPress A Comprehensive Guide
Callum Cherry
 
Headless CMS VS Traditional CMS.pdf
GlanceSys Information Technology Pvt. Ltd.
 
The Future of Website Development: Trends and Technologies
Myware Pte Ltd
 
Ad

More from WordCamp Sydney (20)

PDF
Don’t Panic: How To Troubleshoot Your WordPress Site
WordCamp Sydney
 
PDF
WordPress Hosting Survival Guide
WordCamp Sydney
 
PDF
Preparing For The Flood. How Do You Conduct Load Testing To Ready Your WordPr...
WordCamp Sydney
 
PDF
Goodbye Themes, Hello Elementor – Beyond Creating Basic Websites
WordCamp Sydney
 
PDF
Divi 4.x and WooCommerce Changes
WordCamp Sydney
 
PDF
Why No One Is Reading Your Blog Posts (And How To Change That)
WordCamp Sydney
 
PDF
Our Wild Journey Implementing A Headless WordPress Blog
WordCamp Sydney
 
PDF
Escaping Client Hell: 6 Practical Tips To Make Freelancing Fun Again
WordCamp Sydney
 
PDF
Planning Your Website Roadmap: Why Every Website Project Needs One To Save It...
WordCamp Sydney
 
PDF
Website Delivered – It’s The START Of The Relationship!
WordCamp Sydney
 
PDF
5 Steps To Avoiding Burnout: Creating A Healthy Work/Life Balance
WordCamp Sydney
 
PDF
The Healthy Baker - Flipping the Brief
WordCamp Sydney
 
PDF
Gutenberg Block Editor Tips & Tricks
WordCamp Sydney
 
PDF
Let's Get Engaged
WordCamp Sydney
 
PDF
The Science Of WordPress
WordCamp Sydney
 
PDF
Basics of Search Engine Optimisation
WordCamp Sydney
 
PDF
The Future of Web Content (an introduction to the new WordPress editor)
WordCamp Sydney
 
PDF
Beyond the Theme: Affirming the role of the designer in the WordPress ecosystem
WordCamp Sydney
 
PDF
5 Ecommerce Trends to Implement Now
WordCamp Sydney
 
PDF
Modern Local Environment for WordPress in 2018
WordCamp Sydney
 
Don’t Panic: How To Troubleshoot Your WordPress Site
WordCamp Sydney
 
WordPress Hosting Survival Guide
WordCamp Sydney
 
Preparing For The Flood. How Do You Conduct Load Testing To Ready Your WordPr...
WordCamp Sydney
 
Goodbye Themes, Hello Elementor – Beyond Creating Basic Websites
WordCamp Sydney
 
Divi 4.x and WooCommerce Changes
WordCamp Sydney
 
Why No One Is Reading Your Blog Posts (And How To Change That)
WordCamp Sydney
 
Our Wild Journey Implementing A Headless WordPress Blog
WordCamp Sydney
 
Escaping Client Hell: 6 Practical Tips To Make Freelancing Fun Again
WordCamp Sydney
 
Planning Your Website Roadmap: Why Every Website Project Needs One To Save It...
WordCamp Sydney
 
Website Delivered – It’s The START Of The Relationship!
WordCamp Sydney
 
5 Steps To Avoiding Burnout: Creating A Healthy Work/Life Balance
WordCamp Sydney
 
The Healthy Baker - Flipping the Brief
WordCamp Sydney
 
Gutenberg Block Editor Tips & Tricks
WordCamp Sydney
 
Let's Get Engaged
WordCamp Sydney
 
The Science Of WordPress
WordCamp Sydney
 
Basics of Search Engine Optimisation
WordCamp Sydney
 
The Future of Web Content (an introduction to the new WordPress editor)
WordCamp Sydney
 
Beyond the Theme: Affirming the role of the designer in the WordPress ecosystem
WordCamp Sydney
 
5 Ecommerce Trends to Implement Now
WordCamp Sydney
 
Modern Local Environment for WordPress in 2018
WordCamp Sydney
 
Ad

Recently uploaded (20)

PDF
DevOps Design for different deployment options
henrymails
 
PPT
Agilent Optoelectronic Solutions for Mobile Application
andreashenniger2
 
PPTX
ipv6 very very very very vvoverview.pptx
eyala75
 
PDF
123546568reb2024-Linux-remote-logging.pdf
lafinedelcinghiale
 
PPT
Computer Securityyyyyyyy - Chapter 1.ppt
SolomonSB
 
PDF
Digital Security in 2025 with Adut Angelina
The ClarityDesk
 
PPTX
Optimization_Techniques_ML_Presentation.pptx
farispalayi
 
PPT
Computer Securityyyyyyyy - Chapter 2.ppt
SolomonSB
 
PDF
𝐁𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓
hokimamad0
 
PDF
Apple_Environmental_Progress_Report_2025.pdf
yiukwong
 
PDF
The-Hidden-Dangers-of-Skipping-Penetration-Testing.pdf.pdf
naksh4thra
 
PPTX
西班牙武康大学毕业证书{UCAMOfferUCAM成绩单水印}原版制作
Taqyea
 
PPTX
Template Timeplan & Roadmap Product.pptx
ImeldaYulistya
 
PPTX
Cost_of_Quality_Presentation_Software_Engineering.pptx
farispalayi
 
PPTX
unit 2_2 copy right fdrgfdgfai and sm.pptx
nepmithibai2024
 
PDF
Build Fast, Scale Faster: Milvus vs. Zilliz Cloud for Production-Ready AI
Zilliz
 
PDF
𝐁𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓
hokimamad0
 
PDF
The Complete Guide to Chrome Net Internals DNS – 2025
Orage Technologies
 
PPTX
本科硕士学历佛罗里达大学毕业证(UF毕业证书)24小时在线办理
Taqyea
 
PDF
Technical Guide to Build a Successful Shopify Marketplace from Scratch.pdf
CartCoders
 
DevOps Design for different deployment options
henrymails
 
Agilent Optoelectronic Solutions for Mobile Application
andreashenniger2
 
ipv6 very very very very vvoverview.pptx
eyala75
 
123546568reb2024-Linux-remote-logging.pdf
lafinedelcinghiale
 
Computer Securityyyyyyyy - Chapter 1.ppt
SolomonSB
 
Digital Security in 2025 with Adut Angelina
The ClarityDesk
 
Optimization_Techniques_ML_Presentation.pptx
farispalayi
 
Computer Securityyyyyyyy - Chapter 2.ppt
SolomonSB
 
𝐁𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓
hokimamad0
 
Apple_Environmental_Progress_Report_2025.pdf
yiukwong
 
The-Hidden-Dangers-of-Skipping-Penetration-Testing.pdf.pdf
naksh4thra
 
西班牙武康大学毕业证书{UCAMOfferUCAM成绩单水印}原版制作
Taqyea
 
Template Timeplan & Roadmap Product.pptx
ImeldaYulistya
 
Cost_of_Quality_Presentation_Software_Engineering.pptx
farispalayi
 
unit 2_2 copy right fdrgfdgfai and sm.pptx
nepmithibai2024
 
Build Fast, Scale Faster: Milvus vs. Zilliz Cloud for Production-Ready AI
Zilliz
 
𝐁𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓
hokimamad0
 
The Complete Guide to Chrome Net Internals DNS – 2025
Orage Technologies
 
本科硕士学历佛罗里达大学毕业证(UF毕业证书)24小时在线办理
Taqyea
 
Technical Guide to Build a Successful Shopify Marketplace from Scratch.pdf
CartCoders
 

WordPress as a Headless CMS - Bronson Quick

  • 1. WordPress As A Headless CMS @bronsonquick
  • 2. Overview @bronsonquick ● Who Am I? ● What Is A Headless CMS? ● How Does It Work? ● Why? ● Who Is Using It? ● Questions ● Thanks
  • 3. Who Am I? @bronsonquick ● Senior WordPress Developer ● Core Contributor ● Maintainer Of Chassis ● Occasional WordCamp Organiser - WordCamp Gold Coast & WordCamp Brisbane ● Massive Smashing Pumpkins Fan ● Vinyl Addict ● Guitar Fan
  • 4. What Is A Headless CMS? @bronsonquick ● A headless CMS is used only for data capture, storage, and delivery, making it frontend agnostic. Its data can be displayed using any frontend technology, whether in a browser, mobile application, syndication, or elsewhere.
  • 6. Decoupling content management @bronsonquick ● Developers are not locked into the templating engine provided by the CMS. The CMS might be written in PHP, but developers working in languages like JavaScript, Java, Ruby, and Swift can use an API to retrieve, store and display data
  • 7. Why WordPress? @bronsonquick ● Without WordPress you’d have to create all this from scratch: ● Admin interface. ● User management and capabilities. ● DB structure. ● Server setup - WordPress will run on most web hosts! ● The existing content might already be in WordPress! ● Custom post types, taxonomies and custom meta. ● REST API
  • 8. New Ways To Work @bronsonquick ● An internal dev team might want to use React, Angular or Ember for the frontend. ● Content creators can still get to use a familiar UI to enter data. ● Extend the REST API Infrastructure with custom endpoints. ● Serve different content to different devices and platforms. ● You’ll still be writing WordPress code to serve the content in different views.
  • 10. How? @bronsonquick ● Extend the REST API Infrastructure with custom endpoints. ● Install the WP REST API plugin. ● Add Authentication - Cookie based, OAuth or OAuth2. ● Write frontend or app code in your preferred language of choice.
  • 14. Change Your Workflow @bronsonquick ● Work alongside companies with existing in-house developers ● Your JavaScript developer no longer needs to learn PHP ● Your PHP developer no longer needs to learn JavaScript ● You can hire highly skilled and focused frontend and backend developers ● Hire more sys ops people for scaling and new infrastructure
  • 15. Who Is Using It? @bronsonquick