README.md

January 18, 2024 · View on GitHub

Warning

This repository is unmaintained and without support. Please take a look at the framework guides in our documentation for step-by-step tutorials on combining Directus and your favorite frameworks.

Directus Examples

Directus Website Directus Website License Directus Discord Server

These frontend examples showcase how to integrate Directus JavaScript SDK, GraphQL, or official Directus plugins/modules with other frameworks in order to use Directus as the data source.

ℹ These examples were created for demonstration purposes. They are not intended to be production ready, but PRs that address this and any other issues are always welcome!

📌 Prerequisites

These examples are frontend only, you will still need a Directus instance running to use them, this can be a Cloud instance, self hosted, or locally by first running the provided Directus project running first before proceeding with examples.

🔌 Integrations

LogoFrameworkBlog Example
Angular v13source [1]
Astro v1.0source
Blitz v0.45.4source
Eleventy v1source
Gatsby v5source
îles v0.7source
Next.js v13source
Nuxt.js v2source
Nuxt.js v3source
React v17source [1]
Remix v1source
Svelte v3source [1]
SvelteKit betasource
Vue v3source [1]

[1]: These additionally uses full read permissions on articles & directus_users in Public role for simplicity sake.