About this video
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.
Full transcript
Edited transcript from the original Roboto page
Hello. Hello. So this is an example of a working preview and how we use it at Roboto Studio. So this is my Sanity Studio opened. I'll show you very quickly how we change the title. So example title, take that, we love building with on the left. What you're seeing is called live preview. This is the presentation mode. And this is literally how long it takes for me to edit live content on my website. I'll show you another example. Example description. Pay attention on the left. How cool is that?
Read timestamped source captions
0:02Hello. Hello. So, this is an example of
0:02Hello. Hello. So, this is an example of a working preview and how we use it at
0:04a working preview and how we use it at
0:04a working preview and how we use it at Robboto Studio. So, this is my sanity
0:07Robboto Studio. So, this is my sanity
0:07Robboto Studio. So, this is my sanity studio opened. I'll show you very
0:09studio opened. I'll show you very
0:09studio opened. I'll show you very quickly how we change the title. So,
0:11quickly how we change the title. So,
0:11quickly how we change the title. So, example title
0:18take that we love
0:18take that we love building with
0:20building with
0:20building with on the left. What you're seeing is
0:22on the left. What you're seeing is
0:22on the left. What you're seeing is called live preview. This is the
0:24called live preview. This is the
0:24called live preview. This is the presentation mode. And this is literally
0:26presentation mode. And this is literally
0:26presentation mode. And this is literally how long it takes for me to edit live
0:29how long it takes for me to edit live
0:29how long it takes for me to edit live content on my website. I'll show you
0:31content on my website. I'll show you
0:31content on my website. I'll show you another example.
0:33another example.
0:33another example. Example description.
Questions answered
Editorial answers from the original Roboto page.
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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗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.
Read the original ↗Scope and context
- Video authors are credited by the original Roboto page; individual transcript speakers remain unassigned.