# Headless Preview in Craft CMS

DevFeed: [Headless Preview in Craft CMS](<https://devfeed.tech/articles/headless-preview-in-craft-cms-31270.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/headless-preview-in-craft-cms>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-08-13T02:40:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Content Management System](<https://devfeed.tech/topics/cms.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [API](<https://devfeed.tech/topics/api.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Database](<https://devfeed.tech/topics/database.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cms](<https://devfeed.tech/tags/cms.md>), [content](<https://devfeed.tech/tags/content.md>), [craft](<https://devfeed.tech/tags/craft.md>), [database](<https://devfeed.tech/tags/database.md>), [draft](<https://devfeed.tech/tags/draft.md>), [editor](<https://devfeed.tech/tags/editor.md>), [exploration](<https://devfeed.tech/tags/exploration.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [headless](<https://devfeed.tech/tags/headless.md>), [here-s](<https://devfeed.tech/tags/here-s.md>), [implement](<https://devfeed.tech/tags/implement.md>), [insights](<https://devfeed.tech/tags/insights.md>), [introduced](<https://devfeed.tech/tags/introduced.md>), [preview](<https://devfeed.tech/tags/preview.md>), [react](<https://devfeed.tech/tags/react.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [vue](<https://devfeed.tech/tags/vue.md>), [works](<https://devfeed.tech/tags/works.md>)

## AI overview

This article explains how Craft CMS 3.2 introduced headless content preview for pages rendered by a separate single-page application frontend. It describes the tokenized preview workflow, using auto-saved drafts, database records, tokenized URLs, and API requests to connect the editor with the frontend renderer.

## Source excerpt

Craft CMS 3.2 introduced headless content preview. Here's an exploration of how it works, and how you can implement it