Skip to main content
All guides
Editing

Edit the page and see the result as you type

The hardest part of most content systems is imagining how a form turns into a web page. The Root.js CMS puts the two side by side: fields on the left, the real website on the right, updating as you type.

The Root.js CMS doc editor, with the fields for a garden market landing page on the left and a live desktop and mobile preview of the page on the right.

A live preview of the real site

The preview is not an approximation. It is the actual website, rendered with the draft content, so what editors see is what visitors will get. Editors can view desktop, tablet, and mobile sizes side by side, switch languages, and click any element in the preview to jump straight to the field that controls it.

Preview links can be shared with anyone who has access to the CMS. Stakeholders who only need to review can be given the read-only Viewer role.

Flexible pages, consistent brand

Developers define the building blocks for each kind of page, such as a hero, a product grid, or a set of cards. Editors add, remove, and reorder those blocks to build new pages without writing code. Because each block has a fixed design, pages stay on brand and accessible, and editors cannot accidentally break a layout.

  • Rich text with formatting, links, and embedded components.

  • Image fields with alt text, and a shared asset library.

  • References between docs, such as a page that features a set of products.

  • Help text on every field, so editors know what goes where.

The Content page in the Root.js CMS, with the site’s collections on the left and the docs in the Pages collection listed with thumbnails, titles, publishing status, and who last edited them.
Collections keep content organized. Each doc shows its status, last editor, and a preview thumbnail.

Safety nets while you work

Drafts save automatically, and nothing reaches the live site until someone publishes it. Undo and redo work across fields, every save is kept in the version history, and any field can be rolled back to an earlier value. See Publishing, scheduling, and releases.

Frequently asked questions

Can editors see exactly what visitors will see?
Yes. The preview renders the real site with draft content, at desktop, tablet, and mobile sizes, and in any language.
Can editors build new pages without a developer?
Yes, from the set of sections developers provide. New kinds of sections are added by developers when the design calls for them.
How do stakeholders review a draft?
Give them the read-only Viewer role and share a preview link to the draft page.
Next guidePublishing, scheduling, and releases
1
2
3
4
5
6
7
8
9
10
11
12
Breakpoint: