These examples showcases how to integrate Directus JavaScript SDK 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!
Logo | Framework | Blog Example |
---|---|---|
Angular v13 |
source [1] | |
Astro v1.0 |
source | |
Blitz v0.45.4 |
source | |
Eleventy v1 |
source | |
Gatsby v4 |
source | |
รฎles v0.7 |
source | |
Next.js v12 |
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.