Tutorials

This is a collection of step-by-step guides and practical examples to help you get the most out of our platform. Whether you're a beginner or an experienced user, our tutorials are designed to provide you with the knowledge and skills you need to succeed.

Projects

Build a Multi-User Chat with JavaScript and Directus Realtime

Learn how to send and receive data over a realtime connection with JavaScript.

Build a Multi-User Chat with React and Directus Realtime

Learn how to send and receive data over a realtime connection in React applications.

Build a Multi-User Chat with Vue.js and Directus Realtime

Learn how to send and receive data over a realtime connection in a Vue.js application.

Build a Notebook Chrome Extension with Directus Auth

Learn to build and integrate a Chrome Extension with Directus Auth.

Build a Realtime Chat App with Directus and Astro

Learn how to setup Directus realtime with Astro.

Build a Realtime Chat App with Directus and Nuxt

Learn how to setup Directus realtime with Nuxt.

See all Projects tutorials

Tips & Tricks

Advanced Types with the Directus SDK

Learn how to more-easily work with types and the Directus SDK.

Build a Monitoring Pipeline For Flows And Extensions

Learn how to set up complex pipelines to monitor automations and extensions.

Configure Okta as a Single Sign-On Provider

Learn how to set up Okta SSO with the SAML authentication mechanism.

Importing Files in Directus Flows

Learn how to use the Request URL operation to import files in Directus Flows.

Preview Files in Live Preview with Google Docs Previews

Learn how to use Google Gview to preview many file formats in Directus Editor.

Search Engine Optimization Best Practices

Learn some best practices for enabling SEO in your projects using Directus.

See all Tips & Tricks tutorials

Migration

Migrate from Notion to Directus

Learn how to migrate data from Notion databases to Directus.

Migrate from WordPress to Directus

Learn how to migrate posts and images to Directus, with tips on plugins.

Promoting Changes Between Environments in Directus

Learn the options to migrate schema and data between Directus projects.

See all Migration tutorials

Extensions

All about extensions

Check Permissions in a Custom Endpoint

Learn how to use internal Directus permissions when creating a custom endpoint.

Create Collection Items in Custom Panels

Learn how to use built-in interfaces and composables to create new collections.

Create New Customers in Stripe in a Custom Hook

Learn how to use the Stripe SDK to create data when actions occur in Directus.

Display External API Data From Vonage In Custom Panels

Learn how to display records from external systems in Directus Insights.

Display External Weather API Data In Custom Panels

Learn how to display external data in panels with a bundle and endpoint.

Format Dates in a Custom Display Extension

Learn how to build a custom display to format data in Directus.

See all Extensions tutorials

How to Deploy Directus

Deploy Directus with Directus Cloud, self-host with Docker, or follow step-by-step guides for your preferred cloud provider.

Deploy Directus to an Ubuntu Server

Learn how to deploy Directus on a Docker container on an Ubuntu server.

Deploy Directus to AWS EC2

Learn how to deploy a Directus to AWS EC2, with a RDS database and a S3 storage bucket.

Deploy Directus to Azure Web Apps

Learn how to deploy Directus on a Docker container on Azure.

Deploy Directus to Digital Ocean

Learn how to deploy Directus on the Digital Ocean App Platform.

Deploy Directus to Google Cloud Platform

Learn how to deploy Directus on GCP with a Cloud SQL database and Cloud Storage Bucket.

Deploy Directus to Railway

Deploy Directus on Railway using the official one-click templates (blank instance or CMS template) with PostgreSQL, Redis, and S3-compatible storage.

See all How to Deploy Directus tutorials

Workflows

Build Content Approval Workflows with Custom Permissions

Learn how to configure roles and permissions for complex automations.

Create GitHub Issues with Directus Flows

Learn how to integrate GitHub with Directus Flows to create new issues.

Detect High-Risk Phone Numbers with Vonage and Directus Flows

Learn how to integrate Vonage's Number Insights API with Directus Flows to validate numbers.

Enrich User Data with Clearbit and Directus Flows

Learn how to integrate Clearbit data enrichment with Directus Flows.

Generate Images with DALL•E and Directus Flows

Learn how to integrate OpenAI's Dall•E models with Directus Flows.

Generate Social Posts with GPT-4 and Directus Flows

Learn how to integrate OpenAI's GPT-4 model with Directus Flows.

See all Workflows tutorials