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.
- ✨ Headless Official Website — https://headless.ml
- 📘 Directus Documentation — https://docs.directus.io
- 👥 Directus Community — GitHub discussions
- 🎬 Directus Youtube — Video tutorials
- 🐦 Directus Twitter — @directus
- 💬 Directus Chat — Discord server