Live Previewing and Editing in the Studio

  • #Features
  • #Updates
Read time: 1 minute
Mitchell Christ
Mitchell Christ
Steve Jobs delivering a keynote presentation on stage with the text "Visual Editing"

๐ŸŽ‰ Visual Editing is now available on SanityPress v3.5.0!

Visual Editing is essentially content previews and live editing, right within your Sanity Studio.

Where is it?

You'll find the Sanity Presentation tool under the Editor tab (located at the top) of the Studio:

Screenshot of the Presentation tool found in the Editor tab of the Studio
Click into text/content areas in the preview window, and a modal with the exact field focused pops up!

Quick Setup

As of v4.0.0, Visual Editing is enabled by default and no configuration is needed!

For earlier versions, you'll need to set an environment variable in the codebase, as mentioned in the docs:

๐Ÿ“ .env.local
NEXT_PUBLIC_BASE_URL = https://sanitypress.dev # your live site URL
NEXT_PUBLIC_SANITY_PROJECT_ID = ...

That's all!

young Steve Jobs holding the original Macintosh, the text "SanityPress" on the screen, 1980s film still