Visual Editing: Click-to-edit content for headless CMSes

The next step in faster collaboration is here for Vercel's frontend cloud.

Posted by

Malte Ubl

CTO

Adding collaborative comments to Vercel Previews Deployments was our first step towards bringing the workflow of Google Docs and Figma to web development.

Today, we're bringing content editing to your Preview Deployment interface with Visual Editing.

Anyone can visually edit content and experience faster iteration—from developers to marketing teams.

Developed in partnership with Sanity, the composable content cloud, our content source-mapping technology enables Visual Editing with streamlined editing of content sourced from a headless CMS with zero code changes to your website, supporting any web framework. We're working on an open specification for content source-mapping that will enable any CMS, ecommerce system or content source to support Visual Editing.

Get started

Visual Editing, currently in a limited private beta, is accessible for Enterprise Teams using Sanity as their content editing workflow. Contact us to learn more.

Visual Editing for the whole team

In monolithic architecture, modifying content directly on the server is straightforward, often facilitated by a 'what you see is what you get' (WYSIWYG) editor. However, with a headless tech stack, content management becomes decoupled from the overall system. This separation can make it difficult for authors to quickly find and replace content on their website.

With Visual Editing, you have this direct tunnel to your content.

You can click-to-edit content on your Vercel site, synchronizing changes back to your headless CMS, without needing to open the CMS dashboard. For more in-depth updates, you have a direct link to where any content lives in your CMS and can make edits there.