hero

DruxtJS Site

Out of the box decoupled Drupal Site module for DruxtJS.

Get started

Simplicity first

Using minimal configuration, DruxtJS Site uses Drupal's JSON:API data to drive a Vue.js powered decoupled site.

Nuxt.js in the front

Nuxt is based on a powerful modular architecture. You don't have to reinvent the wheel to get PWA benefits.

Drupal in the back

Leverage an API-first architecture, robust configuration management, and unparalleled extensibility to build the web of the future.

DruxtJS Site gives you a simple, out of the box, decoupled Drupal site experience with the power of Vue and Nuxt.

Using Drupal's built in Entity display modes and Field formatter system, Views, Blocks and more, DruxtJS Site provides the out of the box experience you expect.

# Features

  • Router with path alias and redirect support for Entity and Views pages.
  • Vuex based, on-demand JSON:API resource loading.
  • Entity / Field render system powered by Drupal display modes.
  • Block region and Content block component rendering.
  • Views and Views blocks via the Drupal JSON:API Views module (opens new window).
  • Breadcrumb, Menus and more.

# DruxtSite

The DruxtSite component renders a Drupal site using Block regions for the specified theme.

<DruxtSite :theme="theme" />
1

Drupal Umami Parity demo

Get started with the Guide and API Documentation.