Skip to content

Live Previewing and Editing in the Studio

  • #Features
Read time: 3 minutes
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