Skip to content

Sanity presentation in action

Duration: 0:48

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.

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.

Continue watching

Creating an AI Chatbot in Obsidian
1.4K23
4:25

Creating an AI Chatbot in Obsidian

We talk about creating an AI chatbot in Obsidian using Smart Connections. It's basically a really easy way to "talk to your notes" with whatever AI model you like.

Watch video
Agentic eCommerce with Shopify and Sanity
1048

Agentic eCommerce with Shopify and Sanity

A quick showcase of our Turbo Start Aisle agentic eCommerce starter. It's a starter that utilizes Sanity Agent Context to generate shopping UI on the fly, narrow down by brand, size, and color, and…

Watch video
Should I build my website in markdown?
845

Should I build my website in markdown?

Should you build your website in Markdown/MDX or stick with a headless CMS like Sanity? We've shipped both - here's an honest look at the trade-offs, the hidden costs, and which approach actually f…

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.