Skip to content
← Back to Blog

Thursday, June 22nd 2023

Enhanced content management for your headless CMS

See new content before it's published, review, and edit in real-time with Draft Mode and Visual Editing on Vercel.

Posted by

Avatar for vercelian

Ian Jones

Software Engineer

Avatar for styfle

Steven Salat

Software Engineer

Today we’re excited to announce updates to Draft Mode, making it easier to see your latest content changes before they’re published.

Draft Mode goes hand in hand with Visual Editing, our real-time content editing feature for websites using headless Content Management Systems (CMSes). When you make changes through Visual Editing, you can guarantee that your edits will show up the next time the page is viewed in Draft Mode.

Edit Mode-inline-light1.png
Edit Mode-inline-dark1.png

What is Draft Mode?

Draft Mode is a simplified, more powerful version of Preview Mode (previous) that's integrated into the Vercel toolbar on deployments. This makes the integration into sites easier for publishers on all plans while also giving you the ability to:

  • Easily server-render previews of static pages
  • Protect your unpublished content from being viewed publicly
  • Integrate with any headless provider of your choice

When generating blog posts from a headless CMS, you can now have an unpublished draft post that bypasses Incremental Static Regeneration (ISR) and is not cached. This means that the draft content you write in the CMS is immediately available to your website so you can share a link with someone or edit the draft.

Before Draft Mode, you had to keep refreshing the page until you hit the revalidate period to see the latest draft content, or you would have to configure an API endpoint and hook up a button and use on demand revalidation.

See how teams are using Draft Mode

Learn how the team at Formidable enabled marketers, designers, and other collaborators to edit website content without needing to involve developers with Draft Mode and Sanity CMS.

Learn more

Updates on Visual Editing

Visual Editing was another big step in bringing accessible collaboration to web development with a direct connection to your headless CMS. Since Vercel Ship, we have been working to onboard new customers like HashiCorp, Sonos, and Tome and we're happy to share that Visual Editing is now in public beta for Pro and Enterprise teams.

Get started

Learn more about how you can uplevel your digital experience with Vercel's Visual Editing, currently in beta for Pro and Enterprise customers. ⁡⁣‌‍‍⁢𝅵‍‍⁡⁢⁡⁠‍𝅳⁠‌⁣𝅴𝅹⁡‍‍⁡𝅸

Contact Us

Additionally, we’re excited that more CMSes have been able to adopt the content source-mapping technology to enable Visual Editing. In addition to our launch partner, Sanity, Visual Editing can now be used with the following headless CMSes:

We look forward to even more CMSes adopting the Visual Editing functionality to bring real-time content editing to everyone across the software development process. We've made the documentation public for supporting Visual Editing in your CMS, get started today.