Headful Drupal

Théodore 'nod_' Biadala

Core JS maintainer & Consultant @ Tag1

Misery Misery

PainPain

CrazyCrazyDrupal7Drupal7

Headless DrupalHeadless DrupalBuzzword since 2014Buzzword since 2014

pantheon.io/blog/headless-websites-whats-big-dealpantheon.io/blog/headless-websites-whats-big-deal

pantheon.io/blog/headless-websites-whats-big-dealpantheon.io/blog/headless-websites-whats-big-deal

Headless Drupal ?Headless Drupal ?Frontend logic ? Frontend logic ? – Template rendering + routing– Template rendering + routing

Headless Admin UI ?Headless Admin UI ?– « We're not that dumb/rich »– « We're not that dumb/rich »

Business logic ? Business logic ? – Still in the backend– Still in the backend

Headless… notHeadless… not

Faceless Faceless drupal drupal

Insecure and not accessibleInsecure and not accessible

Ideally…Ideally…

M. Patate M. Patate drupal drupal M. Patate M. Patate drupal drupal

Web componentsWeb components

Headful DrupalHeadful Drupal

Helpful DrupalHelpful Drupal

HowHow

JSJS

Few assumptionsFavor native/VanillaJSTry to stay out of the way

ToolsTools

JSDoc

JSDocJSDoc

read.theodoreb.net/drupal-jsapi/

ISomorphicISomorphic

Shared JSShared JS

TestingTesting

Refactor of DOOMRefactor of DOOM

ES6ES6

Proper modulesProper modules

Separate initialization Separate initialization from declarationfrom declaration

ES6 : template strings

ES6 : modules

ES6 : Promise

Websocket

#Driesnote

GraphQL

“Progressive decoupling”

Discuss!

Théodore BIADALA

@nod_

theodore@biadala.net

“Broken Glass” — Sonny Abesamis

faceless Drupal

slideshare.net/exove/building-a-nodejs-accelerator-for-your-headless-drupal-backend-drupalcamp-london-2015