Files
mintlify__docs/editor/live-preview.mdx
mintlify[bot] 2016c35157 Audit and improve SEO frontmatter across docs (#5649)
Generated-By: mintlify-agent

Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
2026-05-02 04:32:23 +00:00

40 lines
1.5 KiB
Plaintext

---
title: "Live preview"
description: "Preview your documentation site in real time as you edit, with continuous updates that render content, navigation, and configuration changes instantly."
keywords: ["editor", "preview", "live preview"]
---
Preview your site while you edit. Live previews render pages exactly as they look when published, and update as you make changes to content, navigation, and configuration.
## Open live preview
Click the <Icon icon="play" /> live preview button in the toolbar to open a live preview in a new tab.
<Frame>
<img
src="/images/editor/live-preview-light.png"
alt="The live preview button in the toolbar."
className="block dark:hidden"
/>
<img
src="/images/editor/live-preview-dark.png"
alt="The live preview button in the toolbar."
className="hidden dark:block"
/>
</Frame>
<Note>
Live preview is only available for public documentation.
</Note>
## Live preview versus preview deployments
| | Live preview | Preview deployment |
|---|---|---|
| **Speed** | Instant | Requires a build |
| **Access** | Local URL | Shareable URL |
| **Use when** | Reviewing changes while editing | Sharing with your team for review |
| **Availability** | While the editor is open | As long as the branch exists |
Use live preview for immediate feedback while editing. When you need to share changes with your team or test on a different device, use a [preview deployment](/editor/branching-and-publishing#preview-your-changes).