{"id":"youtube:SuEY5VHpI0g","source":"youtube","sourceId":"SuEY5VHpI0g","account":"robotostudio","type":"video","title":"Sanity presentation in action","body":"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.","bodyFormat":"text","sourceUrl":"https://www.youtube.com/watch?v=SuEY5VHpI0g","canonicalUrl":"https://robotostudio.com/videos/sanity-presentation-in-action","sourceUrls":["https://robotostudio.com/videos/sanity-presentation-in-action"],"authorIds":["https://robotostudio.com/blog/author/sne#person"],"publishedAt":"2025-09-22T00:00:00.000Z","modifiedAt":"2026-08-11","checkedAt":"2026-09-17T13:02:04.791Z","language":"en","visibility":"public","topics":["sanity"],"gaps":["Video authors are credited by the original Roboto page; individual transcript speakers remain unassigned."],"segments":[{"id":"segment-1","startMs":2629,"endMs":2639,"text":"Hello. Hello. So, this is an example of"},{"id":"segment-2","startMs":2639,"endMs":4870,"text":"Hello. Hello. So, this is an example of\na working preview and how we use it at"},{"id":"segment-3","startMs":4870,"endMs":4880,"text":"a working preview and how we use it at"},{"id":"segment-4","startMs":4880,"endMs":7349,"text":"a working preview and how we use it at\nRobboto Studio. So, this is my sanity"},{"id":"segment-5","startMs":7349,"endMs":7359,"text":"Robboto Studio. So, this is my sanity"},{"id":"segment-6","startMs":7359,"endMs":9270,"text":"Robboto Studio. So, this is my sanity\nstudio opened. I'll show you very"},{"id":"segment-7","startMs":9270,"endMs":9280,"text":"studio opened. I'll show you very"},{"id":"segment-8","startMs":9280,"endMs":11589,"text":"studio opened. I'll show you very\nquickly how we change the title. So,"},{"id":"segment-9","startMs":11589,"endMs":11599,"text":"quickly how we change the title. So,"},{"id":"segment-10","startMs":11599,"endMs":15270,"text":"quickly how we change the title. So,\nexample title"},{"id":"segment-11","startMs":18550,"endMs":18560,"text":"take that we love"},{"id":"segment-12","startMs":18560,"endMs":20710,"text":"take that we love\nbuilding with"},{"id":"segment-13","startMs":20710,"endMs":20720,"text":"building with"},{"id":"segment-14","startMs":20720,"endMs":22470,"text":"building with\non the left. What you're seeing is"},{"id":"segment-15","startMs":22470,"endMs":22480,"text":"on the left. What you're seeing is"},{"id":"segment-16","startMs":22480,"endMs":24070,"text":"on the left. What you're seeing is\ncalled live preview. This is the"},{"id":"segment-17","startMs":24070,"endMs":24080,"text":"called live preview. This is the"},{"id":"segment-18","startMs":24080,"endMs":26230,"text":"called live preview. This is the\npresentation mode. And this is literally"},{"id":"segment-19","startMs":26230,"endMs":26240,"text":"presentation mode. And this is literally"},{"id":"segment-20","startMs":26240,"endMs":29429,"text":"presentation mode. And this is literally\nhow long it takes for me to edit live"},{"id":"segment-21","startMs":29429,"endMs":29439,"text":"how long it takes for me to edit live"},{"id":"segment-22","startMs":29439,"endMs":31830,"text":"how long it takes for me to edit live\ncontent on my website. I'll show you"},{"id":"segment-23","startMs":31830,"endMs":31840,"text":"content on my website. I'll show you"},{"id":"segment-24","startMs":31840,"endMs":33910,"text":"content on my website. I'll show you\nanother example."},{"id":"segment-25","startMs":33910,"endMs":33920,"text":"another example."},{"id":"segment-26","startMs":33920,"endMs":38790,"text":"another example.\nExample description."}],"transcript":"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?","transcriptOrigin":"Edited transcript from the original Roboto page","thumbnailUrl":"https://img.youtube.com/vi/SuEY5VHpI0g/maxresdefault.jpg","durationSeconds":48,"videoId":"SuEY5VHpI0g","publisherName":"Roboto Studio","faqs":[{"question":"What is Sanity Presentation mode?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/sanity-presentation-in-action"},{"question":"How does Sanity live preview work?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/sanity-presentation-in-action"},{"question":"What is visual editing in Sanity?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/sanity-presentation-in-action"},{"question":"Does Sanity have a visual editor?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/sanity-presentation-in-action"},{"question":"Which CMS offers a visual editing experience?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/sanity-presentation-in-action"},{"question":"How fast is Sanity's live preview?","answer":"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.","sourceUrl":"https://robotostudio.com/videos/sanity-presentation-in-action"}],"path":"/videos/SuEY5VHpI0g/sanity-presentation-in-action","indexable":false,"contentHash":"66f90447d15579e22d0836c1bc28ef5f8e22139ce292b4832034aa6f80e65baf","representations":{"html":"https://bestsanityagency.com/videos/SuEY5VHpI0g/sanity-presentation-in-action","markdown":"https://bestsanityagency.com/videos/SuEY5VHpI0g/sanity-presentation-in-action.md","json":"https://bestsanityagency.com/videos/SuEY5VHpI0g/sanity-presentation-in-action.json"},"generation":"bcb598ae5ec44a3005ea0356","jsonLd":{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://robotostudio.com/#organization","name":"Roboto Studio","url":"https://robotostudio.com/","sameAs":["https://clutch.co/profile/roboto-studio","https://www.youtube.com/@robotostudio","https://x.com/studioroboto"]},{"@type":"Person","@id":"https://robotostudio.com/blog/author/jono#person","name":"Jono Alford","url":"https://robotostudio.com/blog/author/jono","sameAs":["https://dev.to/jonoroboto","https://x.com/jonoalford","https://www.reddit.com/user/jonoalford/"],"worksFor":{"@id":"https://robotostudio.com/#organization"}},{"@type":"Person","@id":"https://robotostudio.com/blog/author/sne#person","name":"Sne Tripathi","url":"https://robotostudio.com/blog/author/sne","sameAs":["https://x.com/sne_hil"],"worksFor":{"@id":"https://robotostudio.com/#organization"}},{"@type":"WebSite","@id":"https://bestsanityagency.com/#website","url":"https://bestsanityagency.com","name":"Roboto Studio evidence","publisher":{"@id":"https://robotostudio.com/#organization"}},{"@type":"WebPage","@id":"https://bestsanityagency.com/videos/SuEY5VHpI0g/sanity-presentation-in-action#page","url":"https://bestsanityagency.com/videos/SuEY5VHpI0g/sanity-presentation-in-action","name":"Sanity presentation in action","publisher":{"@id":"https://robotostudio.com/#organization"},"mainEntity":{"@id":"https://www.youtube.com/watch?v=SuEY5VHpI0g"},"isPartOf":{"@id":"https://bestsanityagency.com/#website"}},{"@id":"https://www.youtube.com/watch?v=SuEY5VHpI0g","name":"Sanity presentation in action","url":"https://www.youtube.com/watch?v=SuEY5VHpI0g","datePublished":"2025-09-22T00:00:00.000Z","dateModified":"2026-08-11","inLanguage":"en","author":[{"@id":"https://robotostudio.com/blog/author/sne#person"}],"@type":"VideoObject","description":"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.","transcript":"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?","thumbnailUrl":"https://img.youtube.com/vi/SuEY5VHpI0g/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/SuEY5VHpI0g","uploadDate":"2025-09-22T00:00:00.000Z","duration":"PT48S","publisher":{"@type":"Organization","name":"Roboto Studio"},"caption":{"@type":"MediaObject","contentUrl":"https://bestsanityagency.com/videos/SuEY5VHpI0g/sanity-presentation-in-action.vtt","encodingFormat":"text/vtt"}}]}}