wordpress as a headless cms - bronson quick

21
WordPress As A Headless CMS @bronsonquick

Upload: wordcamp-sydney

Post on 16-Apr-2017

1.528 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: WordPress as a Headless CMS - Bronson Quick

WordPress As A Headless CMS

@bronsonquick

Page 2: WordPress as a Headless CMS - Bronson Quick

Overview

@bronsonquick

● Who Am I?

● What Is A Headless CMS?

● How Does It Work?

● Why?

● Who Is Using It?

● Questions

● Thanks

Page 3: WordPress as a Headless CMS - Bronson Quick

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

Page 4: WordPress as a Headless CMS - Bronson Quick

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.

Page 5: WordPress as a Headless CMS - Bronson Quick
Page 6: 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

Page 7: WordPress as a Headless CMS - Bronson Quick

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

Page 8: WordPress as a Headless CMS - Bronson Quick

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.

Page 9: WordPress as a Headless CMS - Bronson Quick
Page 10: 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.

Page 11: WordPress as a Headless CMS - Bronson Quick
Page 12: WordPress as a Headless CMS - Bronson Quick
Page 13: WordPress as a Headless CMS - Bronson Quick
Page 14: 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

Page 15: WordPress as a Headless CMS - Bronson Quick

Who Is Using It?

@bronsonquick

Page 16: WordPress as a Headless CMS - Bronson Quick

ustwo.com

Page 17: WordPress as a Headless CMS - Bronson Quick
Page 18: WordPress as a Headless CMS - Bronson Quick

https://nomadbase.io

Page 19: WordPress as a Headless CMS - Bronson Quick

www.npmjs.com

Page 20: WordPress as a Headless CMS - Bronson Quick

Questions? !

@bronsonquick

Page 21: WordPress as a Headless CMS - Bronson Quick

Thanks! "

@bronsonquick