{"id":691,"slug":"live-preview-state-of-the-art-2026","title":"Live-preview state of the art (May 2026): Sanity Presentation most mature; Storyblok Visual Editor pioneered iframe pattern; TinaCMS only Git-based with true visual editing","kind":"reference","scope":"business","status":"current","audiences":["claude-code","candid-team"],"topics":["cms-workflow"],"reference_body":"**Live-preview landscape as of May 2026:**\n\n- **Sanity Presentation tool** — production-ready with Next.js, Astro, Remix, Expo templates. Uses Content Source Maps + Vercel Stega for in-context overlays. Most mature option per FocusReactive's deep-dive review.\n- **Storyblok Visual Editor** — pioneered the iframe-based click-to-edit pattern; requires `StoryblokBridge` JS instrumentation. The Storyblok Total Economic Impact™ study (Forrester Consulting, vendor-commissioned) reports 582% ROI over 3 years and content-update cadence improving from \"batch changes every 2.5 days to three to four times per day\" — **treat numbers skeptically, but visual-editing productivity gains are directionally real.**\n- **TinaCMS** — only Git-based CMS with true visual editing. Requires `useTina` hook and Tina Cloud backend (free tier up to 2 users; $49/mo Team Plus for Editorial Workflow). Strong fit for Next.js.\n- **Payload Live Preview** — improving fast, especially for self-hosted use cases. Requires more developer plumbing than Sanity Presentation.\n- **Keystatic** — no live preview. Form-based editing.\n- **Decap CMS** — broadest framework coverage but UI has fallen behind; reserve for Hugo/Jekyll legacy.\n\n**Confidence:** Verified for tool capabilities; vendor numbers (Storyblok 582% ROI) flagged as vendor-commissioned.\n\n**Candid default for visual-preview clients:** Sanity Presentation. For Git-based + visual: TinaCMS.","rationale_body":null,"metadata":null,"links":{"outgoing":[],"incoming":[{"slug":"cms-workflow-decision-matrix","title":"CMS workflow decision matrix — Sanity/Storyblok (weekly editors, visual preview); Keystatic (monthly, technical-adjacent); Markdown-in-Git (engineers only)","kind":"reference","scope":"business","link_type":"depends-on"}]},"created_at":"2026-05-22T21:24:18.438Z","updated_at":"2026-05-22T21:24:18.438Z"}