Overview

DruxtJS is an exciting framework that serves as a bridge between Drupal and modern frontend technologies, particularly Nuxt.js. Designed for creating fully decoupled content-driven applications, it empowers developers to leverage the powerful capabilities of Drupal while utilizing the flexibility and performance of Vue.js on the frontend. This combination allows for a seamless user experience while maintaining the rich features of a robust content management system.

Built for community contribution, DruxtJS integrates various essential tools and components that enhance the development process. Whether you are a seasoned developer or just getting started, DruxtJS offers a structured yet flexible approach to building web applications that require multilingual support, efficient caching, and dynamic content delivery.

Features

Fully Decoupled Architecture: Utilizes Nuxt.js for a responsive and modular frontend while keeping Drupal as a powerful backend content management system.
Vuex Caching: Provides a Drupal JSON:API client that incorporates Vuex caching, ensuring fast and efficient data handling.
Modular Component Library: Offers a modular system for Vue.js components, allowing for reusable code and easier maintenance.
Theming Flexibility: Features a slot and wrapper theming system, giving developers the ability to customize layouts easily.
Multilingual Support: Comes equipped with support for multilingual content, making it suitable for global applications.
Robust API Proxying: Includes an API and file proxy to help manage content delivery efficiently across different environments.
Comprehensive Core Modules: Features essential core modules such as druxt-blocks, druxt-breadcrumb, and druxt-views, enhancing the functionality of decoupled applications.
Community Driven: Acts as an open-source project built with community collaboration in mind, encouraging users to participate and contribute to its growth and development.

Druxt

Druxt.js

Quickstart