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
Real-world AI agents with Vercel's eve (our actual setup)
365

Real-world AI agents with Vercel's eve (our actual setup)

A real-world walkthrough of using Vercel's eve to run agents on our own site - updating CMS comparison pages, posting reports to Slack, and orchestrating multiple agents on cron jobs.

Watch video
Agentic eCommerce with Shopify and Sanity
1628

Agentic eCommerce with Shopify and Sanity

A quick look at our Turbo Start Aisle agentic eCommerce starter. It uses Sanity Agent Context to generate shopping UI on the fly, narrow down by brand, size, and color, and…

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.