Dynamic Content
This example shows how to fetch content from the Directus API and render that using dynamic routes in Nuxt.
Look for the [slug].vue component within the /pages directory.
No pages loaded.
What are you waiting for?
This example shows how to fetch content from the Directus API and render that using dynamic routes in Nuxt.
Look for the [slug].vue component within the /pages directory.
No pages loaded.
What are you waiting for?
This example shows how to authenticate using the Directus SDK, save the user to the store (provided by Pinia), and view protected content behind an auth Nuxt route middleware.
You are currently logged out 👎
{}This example shows how to use Nuxt API routes for business logic.
While their marketplace is being developed, Directus Cloud doesn't support custom extensions to create your own API routes unless you're on the Enterprise plan. So you can use Nuxt API Routes to secure your other backend logic like connecting to Stripe or other third-party APIs.
{}The modal component description.
The dropdown component description.
The alert component description.
<VAlert class="mt-4" :type="alertType"> Alert content goes here </VAlert>
The button component description.
<VButton variant="primary" @click="doSomething"> Button Text </VButton>
Note - You have to be logged in to the example user above before you can upload.
<VUpload :size-limit-mb="1" accept="image/png, image/jpeg" multiple />
[]