Skip to main content
Describe the content experience you want in chat and Rocket generates pages, listing views, and dynamic layouts that pull directly from your Directus collections.
This connector is only available for Next.js TypeScript web build tasks.

​
What you can do

Blog or content site

Publish articles, tutorials, and news posts managed entirely through Directus.

Product catalog

Display products with images, descriptions, pricing, and variant options from Directus.

Multi-language site

Serve content in multiple languages using Directus translations with a language switcher.

FAQ or knowledge base

Searchable help center powered by Directus content, grouped by category.

Rich media collections

Image-heavy collections like projects, case studies, or creative work with filtering and detail views.

​
Before you connect

You need a running Directus instance and an access token.

Get your Directus access token from the Directus documentation.
1

Open your User Profile

Open your Directus project and go to your User Profile.
2

Generate a new token

Scroll to the Token field and click Generate New Token.
3

Copy the token and URL

Copy the token and note your project URL (e.g., https://your-project.directus.app).
Never paste your Directus access token directly into Rocket chat. Always use the secure connection flow. If you think your token has been exposed, regenerate it from your Directus User Profile.

​
Connect Directus

You can connect from two places. Both do the same thing.Option 1: From chatType a prompt that mentions Directus, for example Connect Directus and build a blog listing page from my articles collection. Rocket detects the intent and shows a Connect button inline. Click it to open the credentials popup.
Rocket chat panel showing a Connect prompt for Directus.Rocket chat panel showing a Connect prompt for Directus.
Option 2: From the Connectors tabClick the ... button in the preview toolbar, then select Connectors.
Toolbar dropdown with Connectors option highlighted.Toolbar dropdown with Connectors option highlighted.
Click the Directus card, then click Connect.
Connectors panel showing the Directus card with a Connect button.Connectors panel showing the Directus card with a Connect button.
After clicking ConnectA popup opens. Enter your Project URL and Access Token, then click Save.
Popup showing Project URL and Access Token fields for Directus.Popup showing Project URL and Access Token fields for Directus.
A green dot appears next to Directus when the connection is active.Update or disconnectOpen Connectors > Directus and click the card. Replace the existing credentials to update, or click Disconnect to remove the integration.
Directus card in edit state showing Disconnect option.Directus card in edit state showing Disconnect option.

​
Example prompts

​
Tips

  • Choose token permissions carefully. The access token inherits the permissions of the Directus user that generated it. Use a dedicated service account with scoped permissions for production apps.
  • Your access token is stored securely. Rocket encrypts it at rest and never exposes it in client-side code.
  • Directus must be publicly reachable. Local-only instances will not work. Your Directus URL must be accessible from the internet.
  • 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.
  • One Directus project per Rocket project. Each Rocket project connects to one set of credentials. Use different Rocket projects for different Directus instances.
  • 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.

​
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.