Projects

Build a Multi-User Chat with JavaScript and Directus Realtime

Learn how to send and receive data over a realtime connection with JavaScript.

Build a Multi-User Chat with React and Directus Realtime

Learn how to send and receive data over a realtime connection in React applications.

Build a Multi-User Chat with Vue.js and Directus Realtime

Learn how to send and receive data over a realtime connection in a Vue.js application.

Build a Notebook Chrome Extension with Directus Auth

Learn to build and integrate a Chrome Extension with Directus Auth.

Build a Realtime Chat App with Directus and Astro

Learn how to setup Directus realtime with Astro.

Build a Realtime Chat App with Directus and Nuxt

Learn how to setup Directus realtime with Nuxt.

Build a Realtime Chat App with Directus and Next.js

Learn how to setup Directus realtime with Next.js.

Build a Realtime Chat App with Directus and SvelteKit

Learn how to setup Directus realtime with SvelteKit.

Build a Testimonial Widget with SvelteKit and Directus

Learn how to set up a testimonial widget using SvelteKit and Directus.

Build a User Feedback Widget with Vue.js

Learn how we built our docs feedback widget with Directus.

Build a Video Streaming App with SvelteKit and Directus

Learn how to store and retrieve video metadata, and then build a streaming application.

Build an Ecommerce Platform with Next.js, Stripe, and Directus Flows

Learn to integrate Stripe with Directus Flows to build an e-commerce website.

Build an Hotel Booking Platform with Next.js, Stripe, and Directus Flows

Learn to build a hotel booking site with dynamic availability and payments via Stripe.

Build Directus Garden - A Passive Collaborative Event Booth Demo

Learn how we built our engagement platform for live in-person events with P5.js.

Build the Leap Week Registration and Referral System

Learn how we built our referral-based ticketing and raffle system with AI-generated rabbitars.

Building AIVenture - An AI-Powered Game with Directus

Learn the advanced techniques used with Directus Flows to build a game.

Create Reusable Blocks with Many-to-Any Relationships

Learn how to data model for multiple, repeating sections of content.

How I Built an AI Open Source Santa Roast App with Directus and Nuxt

Bryant breaks down how he built an AI-powered app that roasts developers based on their GitHub contributions.

Integrate Directus with ESP32 Hardware Sensors

Learn how to integrate Directus with IoT systems by reading and publishing sensor data.

Use Directus as a Baby Health Tracker with Owlet and OpsGenie

Learn how to integrate Directus with hardware sensors and incident repsonse systems.