Lupus Nuxt.js Drupal Stack

Warning message

Sorry, content not yet translated in English

2019 to 2022

Component-oriented Decoupled Drupal with Nuxt.js!

The Lupus Nuxt.js Drupal Stack combines the power of Drupal 9 with Nuxt.js, the intuitive and powerful Vue.js framework. The stack forms the base for Lupus Decoupled Drupal - which focuses on making Decoupled Drupal easy! It's our go-to-setup for new projects and forms the base for our in-house Drupal distribution to lupus.digital for years.

Motivation

Make building Decoupled Drupal sites easy!
Enable frontend developers to take control of the frontend, while backend developers focus on the backend.
Allow usage of the modern frontend framework of choice.
Keep compatibility with Drupal's powerful editorial tools and modules.

Get in touch to learn more or checkout the website of the Lupus Nuxt.js Drupal stack and the Drupal project of Lupus Decoupled Drupal!

External links

Lupus Decoupled Drupal

Lupus Nuxt.js Drupal Stack Website

Drupalcon session - Custom Elements - An alternate Render API for decoupled Drupal

Drupal: Custom Elements module

Drupal: Lupus Custom Elements Renderer

Nuxt module

Tags:

Nuxt.js - The frontend framework for decoupled Drupal with Custom Elements

Nuxt.js is an intuitive, Vue.js based framework. It's the perfect choice for the frontend of our decoupled Drupal stack using custom elements markup.

Custom Elements: A solution for soft-decoupled Drupal!

When it comes to decoupling, it turns out there are many options on how to decouple. Not only are there many technology choices in choosing the right frontend framework and APIs involved, the questions become also more foundational: Which system should be in charge for handing different aspects of the applicaiton, e.g. routing, placing blocks or authentication?