Visual Editing for Headless CMS

2 posts · May 2023 – Jun 2023

What this trail covers

Vercel's Visual Editing feature, integrated with headless CMS platforms like Sanity and Builder.io, allows for direct click-to-edit content on preview deployments. This enables seamless side-by-side editing of Vercel Preview Deployments and the CMS interface, supporting Markdown, MDX, and JSON content. The integration enhances marketer productivity by providing a real-time editing experience similar to tools like Notion or Webflow, while maintaining developer benefits of headless CMS and Git-backed content. Vercel is working on an open specification for content source-mapping to enable any CMS, e-commerce system, or content source to support Visual Editing.

All Vercel trails

Jun 2023Enhanced content management for your headless CMSThis post announces updates to Vercel's Draft Mode and Visual Editing features. Draft Mode is now more powerful and integrated into the Vercel toolbar, allowing for server-rendered previews of static pages that bypass ISR and caching. Visual Editing is now in public beta for Pro and Enterprise teams and has expanded support to include Builder.io, Uniform, DatoCMS, TinaCMS, and Payload CMS, in addition to the launch partner Sanity. The post also highlights a case study of Formidable using Draft Mode and Sanity CMS.
Jun 2023Visual Editing meets Markdown with Tina.ioThis post details the integration of TinaCMS with Vercel's Visual Editing feature, specifically highlighting how it enables click-to-edit functionality for Markdown, MDX, and JSON content within Vercel Preview Deployments. It emphasizes the seamless side-by-side editing experience and the benefits for both developers and content creators, including version control for content, branch workflows, and the ability to self-host Tina's data layer with Vercel KV.
May 2023Vercel + Sanity: Innovating on a fast, collaborative Web with features like Visual EditingThis post announces a strategic partnership with Sanity and highlights the co-development of Visual Editing. It describes how Visual Editing provides a one-click path from Vercel Preview Deployments to Sanity Studio for content editing, improving iteration speed for developers and marketers. It also mentions the integration of Sanity Studio within Next.js apps and the benefits of a composable web architecture with Vercel and Sanity.
May 2023Visual Editing: Click-to-edit content for headless CMSes on VercelThis post announces the expansion of Visual Editing to include Builder.io as a supported CMS, in addition to Sanity. It reiterates the core functionality of click-to-edit content directly on preview deployments and synchronizing changes back to the CMS without code modifications. It also highlights Vercel's ongoing work on an open specification for content source-mapping to broaden compatibility.
Advertisement