Lesson
6
Intelligent integrations
Log in to mark your progress for each Lesson and Task
Review Previewing content in presentation in the documentation
See Visual Editing with Sanity in the documentation
Interactive live preview is the ultimate upgrade for authors inside a headless content management system. There is no substitute for having complete confidence in the impact of your content before pressing publish.
This is usually rendered inside the Presentation tool.
Visual editing can be configured for any web front end. There are multiple templates, guides, and code examples for Next.js and Remix.
Setup Visual Editing and integrate into Presentation
You may also display individual components directly from your frontends or applications inside the Studio. View panes accept the current values of the document being edited and so can be passed in as props to that component.
See the documentation for
getDefaultDocumentNode to see how components can be loaded alongside the editor.In the example below, an author is presented with a layout preview of what this property will look like in a search result while authoring the document.
Configure a view pane to display React Components beside content
You have 2 uncompleted tasks in this lesson
0 of 2