TechPrufer
Sign inGet started

Blogs›Vercel›Visual Editing for Headless CMS

Visual Editing for Headless CMS

Visual Editing for Headless CMS

2
posts
2023

Vercel's Visual Editing feature, developed in partnership with headless CMS providers like Sanity, Builder.io, and TinaCMS, allows for direct click-to-edit content on preview deployments. This technology enables content editors to modify content directly on the Vercel preview interface, with changes synchronizing back to the headless CMS. It supports any web framework and aims to streamline collaboration between developers and content teams by eliminating the need to access the CMS dashboard for minor edits. TinaCMS integration specifically enables visual editing for Markdown, MDX, and JSON content stored in Git repositories, leveraging Vercel's preview deployments and Tina's data layer.

2023

Visual Editing meets Markdown with Tina.io

6/6/2023

This post details the integration of TinaCMS with Vercel's Visual Editing feature, enabling click-to-edit functionality for Markdown, MDX, and JSON content stored in Git repositories. It highlights how TinaCMS's data layer and Vercel's preview deployments provide a seamless experience for content editors, allowing them to edit content directly on preview deployments without leaving the page. The post also emphasizes the benefits of using Markdown as a content source, including version control, branch workflows, and compatibility with ISR and SSR.

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

5/3/2023

Introduces Visual Editing, a new feature allowing direct content editing on Vercel preview deployments. This is achieved through content source-mapping technology, enabling click-to-edit functionality that synchronizes changes back to headless CMS platforms like Sanity and Builder.io without requiring code modifications to the website. The post also mentions ongoing work on an open specification for content source-mapping to facilitate integration with any CMS.