Skip to content
DruxtJS

The Fully Decoupled Drupal Framework

Druxt is a framework for building fully decoupled Drupal and Nuxt.js applications and sites.

npx giget@latest gh:druxt/quickstart#develop my-druxt-site --install

JSON:API client and store

A JSON:API client and Vuex store modules keep Drupal entities, resources and relationships in sync on the frontend.

Themeable Vue components

The DruxtWrapper pattern lets you override any component, down to a single field, without forking the library.

Multilingual and proxy support

Language negotiation and a request proxy work out of the box for multilingual Drupal sites.

Modules

Adopt the whole framework, or only the parts you need.

All modules

Blocks

Render Drupal blocks and block regions in Nuxt with the druxt-blocks components, themed through the Druxt component suggestion system.

Breadcrumb

Render a breadcrumb trail in Nuxt from the Drupal decoupled router, with the DruxtBreadcrumb component and its theming options.

Entity

Drupal Display Mode-powered Entity, Form and Field Druxt components.

Menu

Drupal Menu and Menu item Druxt components, with support for the JSON -API Menu Items module.

Router

Drupal router for Nuxt, powered by the Drupal Decoupled Router module.

Schema

Drupal Content Entity schema generator for Druxt with support for View and Form displays.

Site

Out-of-the-box decoupled Drupal sites with DruxtSite, wiring layout, blocks, menus and content together from one Nuxt module.

Views

Drupal Views components for Druxt with support for filters, pagination and sorting.