Skip to content

Sanity presentation in action

Duration: 0:48
Sne Tripathi
Sne

Trying to get an idea of how it actually feels to edit something in Sanity's Presentation mode? Here's how we edit pages on our own site in real time.

Related reading: Setting up live preview for sanity on next 13.4 using drafts mode

Frequently asked questions

What is Sanity Presentation mode?
Presentation is Sanity's split-screen editing surface. You see your live website on one side and the document fields on the other. Editing a field updates the rendered page in real time, so you can write and lay out content with the page in front of you instead of toggling between tabs.
How does Sanity live preview work?
Live preview streams document changes from Sanity to the rendered page as you type, so the title, description, and other fields update immediately on the right-hand side of the studio without needing to publish or refresh. It works because Sanity ships drafts in real time over the same channel that powers Studio.
What is visual editing in Sanity?
Visual editing means editors interact with the rendered page itself. Clicking on a heading, paragraph, or image jumps you to the matching field in the studio. Combined with live preview, it makes the editing experience feel closer to a page builder while keeping the underlying content structured.
Does Sanity have a visual editor?
Yes. Presentation mode is Sanity's visual editor. It pairs the structured document fields with a live preview of the front end, and lets editors click elements on the page to jump to their fields. It's available in Sanity Studio v3 and later when Presentation is configured in the studio.
Which CMS offers a visual editing experience?
Several do. Sanity (Presentation mode), Storyblok, and Builder.io are the most-cited examples. Sanity's version is notable because the underlying content model stays fully structured: you get visual editing without giving up clean, queryable JSON for your front end.
How fast is Sanity's live preview?
Edits show up on the rendered page essentially as fast as you can type. There's no publish step or rebuild between the field and the preview. That's the experience the demo in the video shows; it feels closer to editing a Google Doc than a traditional CMS preview.

About the author

Sne Tripathi
Sne Tripathi

Account Executive

LinkedInX

Account Executive at Roboto Studio, bridging the gap between client needs and technical solutions. Ensures every project delivers real business value.

View all posts
Browse all authors

Continue watching

When code is free, taste is everything
1562
29:27

When code is free, taste is everything

A panel from Sanity's Everything NYC '26, recorded on the official Sanity channel. Jono sits down with Ricky Robinette (Google Cloud) and Jared Reyes (Sanity) to talk about what good looks like once generating code costs nothing: the dashboard that made up its own data, why every AI-built UI looks like the same Tailwind template, bringing AI into a content team one paper cut at a time, and why taste is the thing worth getting better at.

Watch video
How to Get Better Documentation in Your Sanity studio
977
1:49

How to Get Better Documentation in Your Sanity studio

A quick look at page-level documentation in Sanity Studio using Turbo Start Sanity and sanity-plugin-md-notes. You can easily point your AI agent at a document, and it fetches the data to render co…

Watch video
Optimizing usage on Vercel
772
46:24

Optimizing usage on Vercel

A Vercel community session where Jono answers live questions about optimizing usage: where the costs actually come from on Vercel, and the practical changes that keep image optimization, function invocations, and bandwidth spend under control.

Watch video

Get in touch

Tell us what you're building. We reply within one working day. Jono or someone on the team picks up every message personally.

By sending this you agree to our privacy policy. We only use your details to reply.