The Backend for Your Vue.js projects

Handling APIs, Auth, Automation, and more, Directus is the backend for all of your Vue projects.

Enter the Raffle for a Nintendo Switch 🎮Self-Host in 90 Seconds 🚀

Monthly npm downloads

13k

Community members

A screen shot of a screen showing a list of items.

import { createDirectus, rest, readItems } from '@directus/sdk';
const client = createDirectus('https://xyz.directus.app').with(rest());

const item = await client.request(
	readItems('articles', {
		fields: ['id', 'title', 'date_published', 'summary']
	})
);

import { createDirectus, rest, createItem } from '@directus/sdk';
const client = createDirectus('https://xyz.directus.app').with(rest());

const item = await client.request(
	createItem('articles', {
		title: 'Hello, world!',
		summary: 'This is my next big thing.'
	})
);

import { createDirectus, rest, createUser } from '@directus/sdk';
const client = createDirectus('https://xyz.directus.app').with(rest());

const newUser = await client.request(
	createUser({ 
		email: 'user@example.com',
		password: 'hunter2'
	})
);

const user = await client.login('user@example.com', 'd1r3ctu5');

import { createDirectus, realtime } from '@directus/sdk'
const client = createDirectus('https://xyz.directus.app').with(realtime({ authMode: 'public' }));

const { subscription } = await client.subscribe('messages');

for await (const item of subscription) {
	console.log('subscription', { item });
}

Things that would take a month of work with other platforms can be built out in seconds. If it wasn't for Directus, we wouldn't be delivering on our dates as a team.