Skip to main content
Display CMS content from any SQL database with a single prompt. Directus is an open-source headless CMS that wraps any SQL database with a real-time API and a visual admin panel. Connect it to Rocket and describe the content experience you want in chat. Rocket generates the pages, listing views, and dynamic layouts that pull directly from your Directus collections.Prerequisites:
  • A Rocket account at rocket.new.
  • A Directus project with a running instance.
  • The Rocket mobile app installed (for mobile setup).

​
What you can use it for

Publish articles, tutorials, and news posts managed entirely through Directus.Try this prompt:
Build a blog that pulls posts from my Directus articles collection.
Include a listing page with thumbnails, a detail page with rich text, and category filters.
Rocket creates: article listing, detail page with formatted content, category sidebar, and pagination.
Display products with images, descriptions, pricing, and variant options from Directus.Try this prompt:
Create a product catalog from my Directus products collection.
Show product cards with images and prices, and a detail page with specs and related items.
Rocket creates: product grid, detail page, spec table, and related-products section.
Serve content in multiple languages using Directus translations.Try this prompt:
Build a multi-language landing page using my Directus translations collection.
Add a language switcher in the header that toggles between English, Spanish, and French.
Rocket creates: language switcher component, translated content rendering, and locale-aware routing.
Create a searchable help center powered by Directus content.Try this prompt:
Build a FAQ page from my Directus faqs collection.
Group questions by category and add a search bar at the top.
Rocket creates: grouped accordion layout, search filtering, and category navigation.
Display image-heavy content like projects, case studies, or creative work from Directus collections with filtering and detail views.Try this prompt:
Display items from my Directus projects collection in an image grid.
Add tag filters and open a detail modal with the description on click.
Rocket creates: image grid, lightbox modal, tag filters, and detail view.

​
Get your Directus access token

Open Directus documentation to learn how to generate your access token.
 To generate a token:
  1. Open your Directus project and go to your User Profile.
  2. Scroll down to the Token field and click Generate New Token.
  3. Copy and save the token. You will paste it into Rocket during setup.
You will also need your Directus project URL (e.g., https://your-project.directus.app). Keep your token private and do not share it in plain text.
Never paste your Directus access token directly into Rocket chat. Always use the secure integration flow or the credential inputs in settings. If you believe your token has been exposed, regenerate it from your Directus User Profile.

​
Detailed setup

​
Connect Directus to Rocket

There are two ways to connect Directus to Rocket:Method 1: Use Rocket Chat (fastest)
  • In any project, open the chat panel and type something like: Connect my Directus project to:
  • Display blog posts from my CMS.
  • Build an admin dashboard for managing content.
  • You will see a popup appear where you can paste and save your credentials instantly.
Method 2: From your project settings
  • Open any project and go to Integrations.
  • Click the Directus card.
When you connect Directus from Project Settings, Rocket will not automatically create content flows. After saving your credentials, describe the content flow you want in chat for Rocket to implement it.

​
Save your credentials

In Rocket’s Directus integration screen, you will see two fields:
  • Project URL: enter your Directus project URL (e.g., https://your-project.directus.app).
  • Access Token: paste your generated token here.
Click Save to complete setup. A green dot next to Directus in your integrations list confirms the connection is active.

​
Update or disconnect

  • Click the Directus integration again.
  • Replace the existing credentials or click Disconnect to remove it.

​
Prompt cookbook

Copy-paste these prompts after connecting Directus to build common content experiences:
Use casePrompt
Blog listingShow all articles from my Directus posts collection with thumbnails and publish dates.
Detail pageWhen a user clicks an article, open a detail page with the full rich-text body from Directus.
Product catalogCreate a product grid from my Directus products collection with images, prices, and a detail modal.
Multi-languageAdd a language switcher that toggles content between English and Spanish from Directus translations.
FAQ pageBuild an FAQ accordion from my Directus faqs collection, grouped by category.
SearchAdd a full-text search bar to my Directus-powered blog listing page.
Media galleryDisplay images from my Directus media collection in a responsive grid with lightbox preview.
Filtered listingShow Directus products filtered by category with a sidebar navigation.
PaginationAdd pagination to my Directus blog listing, showing 10 posts per page.
Admin viewCreate a simple admin table for my Directus collection with inline editing and a delete button.

​
Tips and limitations

  • Licensing. Directus is licensed under BSL 1.1. Organizations with over $5 million in total finances require a commercial license. Smaller organizations and individuals can use Directus commercially without a license.
  • Your access token is stored securely. Rocket encrypts it at rest and never exposes it in client-side code.
  • Directus must be running and accessible. Your Directus instance needs to be reachable from the internet for Rocket to connect. Local-only instances will not work.
  • Deleting content must happen in Directus. Rocket can create and update records, but content and asset deletion should be managed directly in your Directus admin panel.
  • Role permissions matter. The access token inherits the permissions of the Directus user that generated it. Use a dedicated service account with scoped permissions for production apps.
  • One Directus project per Rocket project. Each Rocket project connects to one set of Directus credentials. Use different projects for different Directus instances.

​
What’s next?

Strapi

Comparing headless CMS options? See how Strapi works with Rocket.

Supabase

Pair Directus content with Supabase auth and user management.

Resend

Send notification emails when new content is published from Directus.

Netlify

Deploy your Directus-powered site to Netlify with one prompt.