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 Automate

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

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

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 Forms Dynamically using Directus and Astro

Learn how to setup Directus fields with Astro.

Build Forms Dynamically using Directus and Next.js

Learn how to setup Directus fields with Next.js.

Build Forms Dynamically using Directus and Nuxt

Learn how to setup Directus fields with Nuxt.

Build Forms Dynamically using Directus and SvelteKit

Learn how to setup Directus fields with SvelteKit.

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 Automate to build a game.

Create a CMS using Directus and Astro

Learn how to create a CMS using Directus and Astro.

Create a CMS using Directus and Next.js

Learn how to create a CMS using Directus and Next.js.

Create a CMS using Directus and Nuxt

Learn how to create a CMS using Directus and Nuxt.

Create a CMS using Directus and SvelteKit

Learn how to create a CMS using Directus and SvelteKit.

Create Dynamic Pages for a CMS using Directus and Astro

Learn how to create dynamic pages you can use in your CMS using Directus and Astro.

Create Dynamic Pages for a CMS using Directus and Next.js

Learn how to create dynamic pages you can use in your CMS using Directus and Next.js.

Create Dynamic Pages for a CMS using Directus and Nuxt

Learn how to create dynamic pages you can use in your CMS using Directus and Nuxt.

Create Dynamic Pages for a CMS using Directus and SvelteKit

Learn how to create dynamic pages you can use in your CMS using Directus and SvelteKit.

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.