Skip to main content

A simple and fast Headless Drupal 8 solution: Acephalous

Headless Drupal Angular Acephalous
An API first distribution and a responsive Angular Single Page App using Angular material. Acephalous provides an Angular front-end and an API first Drupal back-end. Routing has been made simpler here by using the same routes from Drupal rather than re-inventing the wheel. Routing takes place in the Routing component in the Angular Single Page App. The purpose of this distribution is to create a fast, secure and small front end application while keeping all the Drupal 8 goodness like SEO, responsive images, routing, multilingual, easy content authoring, views. Basically Drupal acts like an smart content source and a JavaScript framework renders it.

How to create a drop-down menu recursively using angular material button

Angular Js materials
Angular Material is the "Material Design" approach to making web apps in Angular. I have tried out some of this and it seems very easily doable. But I did find it difficult to get to the right way of doing things due to a lack of proper working examples. The documentation is very limited because there is a lot more you can do outside of what's described in the documentation. One such example is what I'm about demonstrate here. 

Headless (decoupled) Drupal using Drupal 8 and angular 6

Headless Drupal
Headless Drupal or decoupled Drupal is when you use Drupal only as a storage for content and a frontend that gets the data from the Drupal backend via an API. The front end is usually a JavaScript framework like Angular or Vue. In this example, we use Angular 6 as a front end and we open up my website www.abhaisasidharan.xyz available as JSON objects via an API. This enabled me to create an Angular Single Page Application which pulls content from abhaisasidharan.xyz. 

React vs Angular : The better head for the "Headless (decoupled) Drupal"

Angular vs Vue vs React
Drupal has always been criticized for its difficulty in creating truly good UI/UX, especially Drupal 7. In Drupal 8 this is considerably easier with the new twig engine. Even then there is a limitation to what we can do with the UI/UX. Don’t get me wrong, Drupal 8 backend is a godsend; extremely flexible and extensible. But to actually get that much flexibility in the front, we have to decouple.

React vs Angular : The better head for the "Headless (decoupled) Drupal"

React Angular Drupal
Drupal has always been criticized for its difficulty in creating truly good UI/UX, especially Drupal 7. In Drupal 8 this is considerably easier with the new twig engine. Even then there is a limitation to what we can do with the UI/UX. Don’t get me wrong, Drupal 8 backend is a godsend; extremely flexible and extensible. But to actually get that much flexibility in the front, we have to decouple.
Subscribe to Decoupled Drupal
x

Work

Therefore logo
80 Atlantic Ave, Toronto, ON Canada
Email: hello@therefore.ca
Call us: +1 4166405376
Linkedin

Let us know how we can help!