Production

Preview mode is for checking your work, not doing it

By Jasper

You're not supposed to write there

Most CMSs have a preview button. It shows you what the page will look like when it's live. That's useful right before you publish—but I keep seeing people draft in preview mode, flipping back to edit when they spot a typo or want to add a sentence.

It feels productive. You see the fonts, the spacing, the real layout. But you're solving the wrong problem at the wrong time.

Preview hides the structure you need to see

When you draft in preview mode, you lose the editor chrome. Field labels disappear. The boundary between your excerpt and your body copy blurs. You can't see whether that thing you just typed went into the right field or accidentally ended up in the SEO description.

You also can't see structural problems. Are you three headings deep with no content in between? Did you nest a list inside a paragraph? Is that link pointing to the right slug? The editor view makes this obvious. Preview mode makes it invisible until something breaks.

Visual polish is a distraction while you're thinking

Drafting is about getting the structure and the ideas right. Preview mode tempts you to fix font sizes, adjust image crops, fiddle with spacing—all things you can't actually control from preview anyway.

Every time you toggle to preview, you're interrupting your own train of thought to admire (or criticize) the typography. That's editing for appearance before you've finished editing for sense. [Write the second paragraph that keeps people reading](/posts/the-second-paragraph-is-where-you-lose-people), *then* check whether it looks good in Helvetica.

Use preview mode once, right before publish

Here's the workflow that actually works:

  • Draft in the CMS editor with all the field labels and structure visible
  • Edit in the same view, using the formatting tools and field boundaries to guide you
  • When you think you're done, *then* hit preview to catch layout surprises
  • Fix anything broken, flip back to editor view to make changes
  • Publish

Preview is a pre-flight check, not a writing environment. If you're drafting there, you're fixing imaginary layout problems instead of real structural ones.

Your CMS editor is a tool, not a punishment

I think people avoid the editor view because it feels less "real" than preview. But that's backward. The editor shows you what you're actually building—fields, structure, metadata. Preview just shows you one possible rendering of it.

If your CMS editor is so cluttered or confusing that you'd rather write in preview mode, that's a [CMS configuration problem](/category/production), not a workflow problem. Simplify the editor. Hide fields you don't use. But don't draft in preview to escape a bad interface.

Draft where you can see the bones. Preview when you need to check the skin.

← All posts