Skip to content

directus/examples

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
December 16, 2022 11:15
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
January 3, 2023 10:41
vue
January 3, 2023 10:41
January 21, 2022 22:22
January 3, 2023 10:49
January 3, 2023 10:49

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

Logo Framework Blog Example
Angular v13 source [1]
Astro v1.0 source
Blitz v0.45.4 source
Eleventy v1 source
Gatsby v5 source
îles v0.7 source
Next.js v13 source
Nuxt.js v2 source
Nuxt.js v3 source
React v17 source [1]
Remix v1 source
Svelte v3 source [1]
SvelteKit beta source
Vue v3 source [1]

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

🔗 Links