cs-icon.svg

Set Up Live Preview

Live Preview lets content managers preview entry content across multiple channels before saving or publishing it to a live website. You can edit an entry and preview the content changes side by side in real-time.

Work with Live Preview

About Live Preview
How Live Preview Works with SDK
Set Up Live Preview for your Website
Set Up Live Preview for your Stack
Get Started with Live Preview Utils SDK

Set Up Guides

Set Up Live Preview with GraphQL for Client-side Rendering (CSR)
Set Up Live Preview with GraphQL for Server-side Rendering (SSR)
Set Up Live Preview for Gatsby-powered Sites
Set Up Live Preview with REST for Client-side Rendering (CSR)
Set Up Live Preview with REST for Server-side Rendering (SSR)
Set Up Live Preview for Static Site Generator (SSG)
Live Preview Implementation for NextJS SSR App Router
Live Preview Implementation for NextJS CSR App Router
Live Preview Implementation for ReactJS CSR App Router
Live Preview Implementation for CSR without Contentstack SDK
Live Preview Implementation for SSR without Contentstack SDK
Set Up Live Edit Tags for Entries with REST

More about Live Preview

Benefits of Live Preview
Limitations of Live Preview
Live Preview FAQs
^