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
Build Sanity CMS Pages Faster with MCP
765

Build Sanity CMS Pages Faster with MCP

Build full Sanity pages in minutes using the Sanity MCP in Claude. I walk through the setup, prompt Claude to generate a services page with zero copy, and review how well it picks page builder blocks.

Watch video
Agentically creating Sanity Studio thumbnails
15517

Agentically creating Sanity Studio thumbnails

Want AI-generated thumbnails for your Sanity page builder, in one prompt? We walk through the skill we use on top of Turbo Start Sanity, our open-source Next.js + Sanity starter. Try it yourself or…

Watch video

Get in touch

Fill out the form below and we'll get back to you