Repository files navigation

This repository contains packages to enable Visual Editing with Sanity. Visual Editing streamlines everyday content management with an intuitive, one-click path from website preview content to Studio.

sanity/presentation is a Sanity Studio plugin that lets you work with content directly through preview — be it a website, in-store display, or anything you can point a browser at.

Use the@sanity/vercel-protection-bypass tool to setup Presentation to useProtection Bypass to successfully load deployments that are protected.

@sanity/visual-editing is used alongside the Presentation tool to create clickable elements to take editors right from previews to the document and field they want to edit. It's also used to two-way sync the preview URL and integrate with your framework router.

Loaders provide a convenient, unified way of loading data from Content Lake: A single front end data fetching implementation across production, development and preview states, for both server and client side rendering. They do the heavy lifting in integrating live content updates, perspective switching and Overlay rendering in your application.

Loaders are available for several frameworks:

• @sanity/react-loader
• @nuxtjs/sanity
• @sanity/svelte-loader

These framework specific loaders are built on top of@sanity/core-loader, which can be used in any JavaScript-based project.

@sanity/preview-url-secret exposes helpers for integrating draft or preview mode in your application.