Skip to content
Unlock seamless workflows and faster delivery with our latest releases – get the details

Visual Editing

The collective term for interactive live previews of draft content. Visual Editing can be configured on any hosting, in any web front end, and using either GROQ or GraphQL. Most commonly performed using the Presentation tool inside Sanity Studio.

Introduction to Visual Editing

Introduction to Sanity's Visual Editing features, architecture, and where to go to learn more.

Presentation Configuration

The Presentation tool enables Visual Editing for interactive live previews. This is how you set it up within your studio.

Fetching content for Visual Editing

How to reason about fetching content for Visual Editing.

Content Source Maps

Content Lake APIs for querying drafts and production data

Previewing changes to your content in a secure and high-fidelity setting before publishing is essential to a smooth editorial process.

Draft mode

During runtime, switch between an optimized production mode and an authorized mode to fetch draft content and render edit overlays.