Headless Drupal:Using advanced, modern front-end technologies

with Drupal!

Pratomo Ardianto (Ardi)

Singapore Drupal Meetup, 28 October 2014

@ardnet

What is Headless Drupal?

Many terms...

Decoupling

Single Web Apps

RESTful website

Drupal as backend content repository and REST server

Benefit?

Better performance

Scalable

Publish everywhere

Freedom for front-end devs

Interactive experiences

How does it work?

Source: https://www.getpantheon.com/blog/headless-websites-whats-big-deal

Backend (Drupal) setup?

Serviceshttps://www.drupal.org/project/services

Views Datasourcehttps://www.drupal.org/project/views_datasource

CORS (Cross-origin resource sharing)

https://www.drupal.org/project/cors

Frontend setup?

Javascript client-side framework setup?

Some issues things to take note...

● Accessibility● Authentication● SEO

Resources:

● Headless Website: What’s The Big Deal https://www.getpantheon.com/blog/headless-websites-whats-big-deal

● DrupalCon Austin 2014: BUILD A DRUPAL-FREE THEME WITH 8'S REST API AND JAVASCRIPT

https://www.youtube.com/watch?v=ZUbSOEvlXgc#t=404

● Headless Drupal? It Just Might Be a Bigger Deal than Twig http://friendlymachine.net/posts/headless-drupal-it-just-might-be-bigger-deal-twig

THANK YOU!

QUICK DEMO