Skip to content

Main NavigationDocs Website Cloud GitHub

Appearance

Sidebar Navigation

Getting Started

Introduction

Quickstart Guide

Architecture

Help & Support

Backing Directus

Resources

Glossary

Data Studio App

Overview

Content

Collection Page

Item Page

Shares

User Directory

File Library

Insights

Settings

Display Templates

Filters

Layouts

Import / Export

Project Settings

Data Model

Collections

Fields

Text & Numbers

Selection

Relational

Presentation

Groups

Other

Relationships

Users, Roles & Permissions

Users

Roles

Permissions

Presets & Bookmarks

Translation Strings

Webhooks

Flows

Triggers

Operations

Activity Log

API Reference

Introduction

Authentication

Global Parameters

Filter Rules

Items

Files

JS-SDK

Activity

Collections

Dashboards

Extensions

Fields

Flows

Folders

Notifications

Operations

Panels

Permissions

Presets

Relations

Revisions

Roles

Schema

Server

Settings

Shares

Custom Translations

Users

Utilities

Webhooks

Guides

Flows

For Loops In Flows

Slugify Text With Flows

Headless CMS

Content Approval Workflows

Re-Usable Page Components

Scheduling Future Content

Trigger Static Site Builds

Build a Static Website

Set Up Live Preview

Schema Migration

Use Cases

Headless CMS

Introduction

Concepts

Security Best Practices

Extensions

Introduction

Creating Extensions

Displays

Email Templates

Endpoints

Hooks

Interfaces

Layouts

Migrations

Modules

Operations

Panels

Themes

Bundles

Contributing

Introduction

Running Locally

Codebase Overview

Tests

Self Hosted

Quickstart

Config Options

Docker Guide

CLI

Single Sign-On (SSO)

Upgrades & Migrations

On this page

Table of Contents for current page

Set Up Live Preview

Next.js

Set Up Live Preview with Next.js

Nuxt

Set Up Live Preview with Nuxt 3

Feedback is a gift

How helpful was this article?

Last updated:

Previous pageBuild a Static Website

Next pageSchema Migration