What is Decoupled Drupal?

Suppose you want the freedom to create a site with whatever front-end solution you want — Angular, Vue, React, you name it — but also want the benefits of a content management system so your team can update the site with new material and configure menus or user roles without having to touch any code.

If so, Decoupled (aka Headless) Drupal may be for you. It involves using Drupal as the content management end of a website, but using a completely different front-end solution such as Vue or React. Your front-end grabs the data from the Drupal CMS via an API and renders the content with whatever slick JS solution you have chosen. Meanwhile, the only part of the visible Drupal interface that gets seen are the administrative content management pages.

To figure out whether Decoupled Drupal is right for your project, check out Acquia’s When Decoupled Drupal is the Best Solution. And if you are ready to dig into a tutorial, try How to build Single Page Application with Drupal 8 and Vue JS at opensenselabs.com.