> For the complete documentation index, see [llms.txt](https://drupalninja.gitbook.io/drupalx-decoupled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://drupalninja.gitbook.io/drupalx-decoupled/overview.md).

# Overview

DrupalX is a powerful, decoupled CMS solution that combines the robust content management capabilities of Drupal with a cutting-edge front-end stack. This innovative approach allows you to build fast, consistent, and engaging websites while leveraging the latest web technologies and AI-driven tools.

<figure><img src="/files/dEn3hKas33373vc9QyF5" alt=""><figcaption><p>DrupalX CMS homepage</p></figcaption></figure>

#### Core Components

1. Drupal Backend: Serves as the content repository and admin interface, providing a flexible and scalable foundation for your content.
2. Next.js Frontend: A React-based framework that enables server-side rendering, static site generation, and seamless API integration for optimal performance and SEO.
3. Tailwind CSS: A utility-first CSS framework that accelerates the styling process and ensures consistent design across your site.
4. Radix UI: A low-level UI component library that provides accessible, unstyled building blocks for creating robust design systems.
5. Shadcn/UI: A collection of beautifully designed, accessible components built on top of Radix UI and Tailwind CSS.
6. AI-Powered Tools: Integrated AI capabilities for content generation, image optimization, and personalized user experiences.

### Key Features

* Decoupled Architecture: Separates the content management from the presentation layer, allowing for greater flexibility and scalability.
* Accelerated Development: Pre-built components and templates speed up the website creation process.
* Enhanced Performance: Next.js optimization techniques ensure fast loading times and excellent user experience.
* AI-Assisted Content Creation: Leverage AI tools to generate, optimize, and personalize content.
* Customizable Themes: Easy-to-use interface for tailoring your site's appearance using Tailwind and Shadcn/UI components.

This documentation provides comprehensive guidance on setting up the DrupalX ecosystem, managing content through the Drupal backend, and building dynamic front-end experiences with Next.js and the modern component libraries. Whether you're new to decoupled architectures or an experienced developer, this guide will help you harness the full potential of DrupalX to create powerful, AI-enhanced web experiences.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://drupalninja.gitbook.io/drupalx-decoupled/overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.