DruxtJS
182 sites
Security covered
Drupal 8–11
Druxt acts as a bridge, connecting a Nuxt.js frontend with a Drupal backend through JSON:API. It facilitates headless Drupal deployments by enabling read-only access to Drupal's content and supporting common functionalities like Views routes and block content.
A bridge between frameworks, Drupal in the back, Nuxt.js in the front.
Features
- A single permission for read-only access to all JSON:API resources required by Druxt.
- Support for Views routes via the JSON:API Views and Decoupled Router modules.
- Condition plugin bypass for Block resources.
- Enables Cross-Origin Resource Sharing (CORS) support.
Installation
Druxt requires a Nuxt frontend and a Drupal JSON:API backend:
Drupal
- Install Drupal
-
Download the Drupal DruxtJS module:
composer require drupal/druxt -
Install the Druxt module.
-
Add the "access druxt resources" permission to a user/role.
Nuxt.js
- Install Nuxt
-
Install the Druxt Site module:
npm i druxt-site -
Add the module and configuration to
nuxt.config.js:module.exports = { modules: [ 'druxt-site' ], druxt: { baseUrl: 'https://demo-api.druxtjs.org' } }
Depends on
Dependencies of the latest stable release
- decoupled_router Drupal core
- jsonapi Drupal core
- jsonapi_menu_items Drupal core
- jsonapi_views Drupal core
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
Activity
Releases
| Version | Type | Core | Notes | Release date | |
|---|---|---|---|---|---|
| 1.2.1 | Stable | 8–11 | Aug 5, 2025 |