Awesome Directus

A curated list of awesome things related to Directus

Directus is a real-time API and App dashboard for managing SQL database content.

Contents

• Official Resources
• Community Resources
• Integration
• Extensions
• Tools
• Articles
• Examples / Showcases

Official Resources

• Documentation
• GitHub Repository
• Live Discussions on Discord
• Community Help Board
• Video Tutorials on YouTube
• Community Repositories

Community Resources

• Portuguese YouTube Channel

Integration

• Offical JS SDK - The JS SDK provides an intuitive interface for the Directus API from within a JavaScript-powered project (Browsers and Node.js).
• Offical Gatsby Source Plugin - Source plugin for pulling data into Gatsby from a Directus API.
• react-directus - A set of React components and utilities for Directus Headless CMS.
• Flutter SDK - Flutter SDK to provide interface for Directus API.
• PHP SDK - PHP SDK to provide easy access to the Directus API.
• Lite SDK (TypeScript) - Query builder for the Directus API (Browser, Deno, Node.js). Bring your own fetch.
• Nuxt Directus - First-Class Nuxt 3 Module for connecting with an Directus instance.
• Nuxtus - Provides a Nuxt boilerplate and set of tools to automatically create Nuxt pages from Directus Collections.

Extensions

• Image Scout - Search and select images found on a variety of royalty free image sites (Pexels, Pixabay, Unsplash & Giphy!).
• Editor.js Interface - Block editor (Editor.js) interface for Directus 9.
• Draw Interface - Free draw interface for Directus app.
• User-friendly file paths - Use the folder and file module structure to reference to assets.
• Date Picker Interface - An alternative Date Picker Interface to the original Directus DateTime interface.
• Search Sync - Sync data into a search engine index, supports Algolia, ElasticSearch & MeiliSearch.
• Dictionary - Save key-value pairs as JSON blobs with a progress indicator for completeness.
• WordPress-like Slug - Slug/Permalink interface with support for pre- and suffixes.
• Link Meta - Stores hyperlink metadata into Directus.
• Group Modal - Group interface fields into a modal that can be opened with a button.
• Display Link - Display URLs with an "open in new tab" button.
• SQL Panel - Panel component which shows result of stored SQL query as a table.
• Websocket Subscribe - An extension to subscribe to Directus updates over a websocket.
• SVG Map Picker Interface - Select a value from a SVG Map box.
• SES - An extension for sending emails with AWS SES.
• Data Grid Interface - A data grid interface width @revolist/vue3-datagrid for Directus 9.
• SparkLine Display - A sparkline display with apexcharts for Directus 9.
• Tags M2M - M2M driven tags interface.
• Cloudinary Upload Interface - Simple interface for upload/read cloudinary image.
• Sanitize HTML - Sanitize HTML inputs to Directus.
• Directus LogSnag - Sending your events from Directus directly to your phone using LogSnag.

Tools

• directus-auto-migrate - A CLI to automatically generate Directus migrations based on the changes in a real instance. (no longer maintained, feature added to core)

Articles

• Directus Guides (Official)
• Learn Directus
• How to Work With Many to Many Relationships (M2M) On Directus

Examples / Showcases

If you're using Directus in an open source project, you're very welcome to link this project here.

• Official Examples - Integration examples with Directus.

Contributing

Contributions welcome! Read the contribution guidelines first.