10
What is Headless Drupal?

What is Headless Drupal?

Embed Size (px)

DESCRIPTION

Headless Drupal is very easy to understand concept. The 2 key differences of headless Drupal from Drupal are: Instead of converting data to HTML, Drupal converts it into in JSON format. AngularJS, EmberJS or React, kind of frontend frameworks then render the data to create a webpage.

Citation preview

Page 1: What is Headless Drupal?

What is Headless Drupal?

Page 2: What is Headless Drupal?

Contents

1. The Concept2. Why Headless Drupal?3. How is Headless Drupal Helpful?4. Total Decoupling5. Drupal 7 or 86. Headless Drupal Examples

Page 3: What is Headless Drupal?

The Concept Headless Drupal is very easy to understand concept. The 2 key differences of headless Drupal from Drupal are: ❖ Instead of converting data to HTML, Drupal converts it into in

JSON format.❖ AngularJS, EmberJS or React, kind of frontend frameworks

then render the data to create a webpage.

Page 4: What is Headless Drupal?

Why Headless Drupal?

❖ To attract new front-end developers to work on Drupal❖ Simplify the process of developing with Drupal and get

the desired outcome

Page 5: What is Headless Drupal?

How is Headless Drupal Helpful? ❖ Any of the new frontend JS Frameworks can be used along with

Drupal’s backend ❖ This feature helps you develop with the latest versions of JS

Frameworks❖ It completely shifts the responsibility from the user to the

browser❖ It builds true interactive experiences by using functional in-

browser applications, thus speeding up the site by streamlining the backend.

Page 6: What is Headless Drupal?

Total Decoupling

❖ The backend and the frontend are completely separate from each other

❖ The front-end uses the APIs that the backend is creating❖ The backend responds to a front end query with a JSON

and frontend customises same with respect to the current frontend framework

❖ This way, the frontend and the backend are completely decoupled

Page 7: What is Headless Drupal?

Drupal 7 or 8

❖ Drupal 8 comes with Rest Server included in its core. ❖ Drupal 7 uses a contributed module called Services or

RestWS to achieve the same functionality.

Page 8: What is Headless Drupal?

Headless Drupal Examples

❖ Weather.com used angular.js for the rebuilt process.

❖ The Tonight Show with Jimmy Fallon uses Node.js and backbone.js.

❖ Proofread Bot uses Wordpress.❖ Radio France is using symphony 2.

Page 9: What is Headless Drupal?

Hiring Drupal Headless Developers

❖ A professional Drupal Development company would help you build the right platform using headless Drupal.

❖ Always choose an experienced company to hire Headless Drupal developers.

❖ ValueCoders provides expert, remote Headless Drupal developers at value for money prices.

Page 10: What is Headless Drupal?

Get in Touch

[email protected] www.valuecoders.com www.facebook.com/valuecoders www.twitter.com/valuecoders www.linkedin.com/company/valuecoders